格式:background-image:url(本地地址/鏈接);
在CSS中有一個(gè)background-repeat屬性缚柏,就是專(zhuān)門(mén)用于控制背景圖片的平鋪方式。
取值:
repeat:默認(rèn)路呜,在水平和垂直都平鋪踏兜。
no-repeat:在水平和垂直都不平鋪袜爪。
repeat-x:在水平上平鋪贰谣。
repeat-y:在垂直上平鋪娜搂。
注意點(diǎn):同一標(biāo)簽可以同時(shí)設(shè)置背景圖片和背景顏色迁霎,并且背景圖片會(huì)覆蓋背景顏色。
背景定位
1.如何控制背景圖片的位置百宇?
在CSS中有一個(gè)background-position:屬性考廉,就是專(zhuān)門(mén)控制背景圖片的位置。
格式:
background-position:水平位置 垂直位置;
取值:
1.具體的方位名詞携御。
水平方向:left center right昌粤。
垂直方向:top center bottom。
2.集體的像素啄刹。
例如 ?background-position:100px 100px;
背景屬性縮寫(xiě)
background:背景顏色 背景圖片 平鋪方式 關(guān)聯(lián)方式 定位方式涮坐。
注意點(diǎn):
background屬性中,任何一個(gè)屬性都可以被省略誓军。
什么是關(guān)聯(lián)方式袱讹?
默認(rèn)情況下背景圖片會(huì)隨著滾動(dòng)條的滾動(dòng)而滾動(dòng),如果不想讓背景圖片隨著滾動(dòng)條的滾動(dòng)而滾動(dòng)谭企,那么我們就可以修改背景圖片和滾動(dòng)條的關(guān)聯(lián)方式。
修改背景關(guān)聯(lián)方式
background-attachment:评肆;
取值:
scroll:默認(rèn)值债查,會(huì)隨著滾動(dòng)條的滾動(dòng)而滾動(dòng)。
fixed:不會(huì)會(huì)隨著滾動(dòng)條的滾動(dòng)而滾動(dòng)瓜挽。