CSS入門筆記八 背景設定

2021-10-17 08:44:26 字數 948 閱讀 8211

2.背景顏色: background-color

3.背景平鋪: background-repeat

注意:背景平鋪有4種方式,分別為:

複製平鋪(repeat):即把整個背景都平鋪完

沿x軸平鋪(repeat-x)

沿y軸平鋪(repeat-y)

不平鋪(on-repeat):背景有大就顯示多大

4背景位置:background-postion: x y;x,y可以是畫素值也可以是方位名詞

注意:a.x,y若是方位名詞,則無順序區分,即right center和center right一樣。

b.若只有乙個方位名稱,則另乙個值是預設居中對齊。

c.若是x,y是精確值,則第乙個值一定是x,第二個值一定是y.

d.x,y還可以採用混合值,即精確值和方位名詞一起,此時第乙個值一定是x,第二個值一定是y.

5.背景固定:background-attachment;用於製作滾動背景。屬性值有兩個,分別為scroll(背景相對內容是滾動的),fixed(背景固定)。

背景的復合寫法

background

:顏色 位址 平鋪方式 滾動方式 位置

6.背景透明設定:background: rgbs(x,y,z,w)。x,y,z為三原色的值,w為透明度,值為0~1,當w為小數時可以省略0.

css背景設定

顏色表示方法 background 1 red 英文單詞 2 ff0000 16進製制 3 rgb 255,0,0 3元色 4 rgb 100 0 0 百分比 背景起始位置 background origin padding box border box content box 邊框起始 內邊距起始...

css背景設定

1 background color 背景顏色 2 background image 背景 3 background repeat 背景重複 4 background position 背景位置 5 background size 背景尺寸 6 background attachment 背景粘附 ...

css背景設定

注 所有的 都在中實現 背景色 background color 顏色 背景 背景大小 background size 平鋪 重複 background repeat no repeat 此行表示不平鋪 背景位置 background position 傳值 x y xy可正可負 傳關鍵字 x ce...