如果設置標簽的顏色
在CSS中有一個background-color:的屬性,就是專門用來設置標簽的背景顏色的。
取值:
?????????具體的顏色單詞。
?????????rgb
?????????rgba
?????????十六進制
如何設置背景圖片
在CSS中有一個background:url();的屬性。就是用來設置背景圖片的
注意點:
圖片的地址必須寫在URL()中,圖片地址可以是本地地址也可以是網絡地址
如果圖片的大小沒有標簽的大小大,那么會自動在 水平和垂直方向平鋪,
background的平鋪取值。
repeat 默認平鋪
no-repeat 不平鋪
repeat-x 在水平方向平鋪
repeat-y 在垂直方向平鋪
應用場景, 可以通過平鋪降低圖片的大小。
如何控制背景圖片的位置
在CSS中有一個background-position的屬性 就是專門用于控制背景圖片的位置的
格式
background-position: 水平方向 垂直方向;
取值
具體方位名詞
垂直方向:top center bottom
水平方向:left center right
具體像素
PX;
背景的縮寫
background: 背景顏色 背景圖片 平鋪方式 關聯方式 定位方式 :
background:屬性中, 任何一個都可以省略
例
background:red url(images/XX.jpg) no-repeat left bottom;
背景的關聯方式
默認情況下背景圖片會隨著滾動條滾動
如果不想讓背景圖片隨著滾動條滾動那么我們就可以修改背景圖片和滾動條的關聯方式
background-attachment:
取值。
scroll 會隨著滾動條滾動
fixed 不會隨著滾動條滾動