iT邦幫忙

2024 iThome 鐵人賽

DAY 11
0
自我挑戰組

HTML跨平台網頁設計系列 第 11

背景與框線設定

  • 分享至 

  • xImage
  •  

設定背景顏色及圖片
background-color:顏色值
background-image:圖片檔名及路徑,但此舉會讓圖片一直重複
想要不重複的話使用background-repeat:no-repeat/repeat-x/repeat-y/repeat,x/y表沿著x/y軸重複。
不重複的話圖片會在左上角
背景圖片位置background-position:水平 垂直
固定背景圖片background-attachment: fixed/scroll
設定透明度
opacity:透明度數值介於0.0~1.0間
設定漸層
background:linear-gradient(方向,漸層色,漸層色,...)
方向有兩種方式
1.to right/top/left/bottom
2.利用角度設定,單位為deg
漸層的顏色可以設定寬度,在顏色後面加百分比即可表寬度
設定重複性漸層background:repeating-linear-gradient但這個後面除了跟之前一樣外,要加上寬度才會看到重複效果


上一篇
段落與表列設定
下一篇
盒子模型與版面定位
系列文
HTML跨平台網頁設計30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言