CSS中有一個(gè)橫向平鋪效果的屬性,叫做“repeat”,可以在background-image屬性中使用。
這個(gè)屬性有四個(gè)值分別是:repeat、repeat-x、repeat-y、no-repeat。
當(dāng)值為“repeat”的時(shí)候,背景圖像會(huì)一直平鋪直到填滿整個(gè)元素的背景區(qū)域。
如果值為“repeat-x”,則背景圖像會(huì)在水平方向上重復(fù)平鋪。
如果值為“repeat-y”,則背景圖像會(huì)在垂直方向上重復(fù)平鋪。
如果值為“no-repeat”,則背景圖像只會(huì)出現(xiàn)一次,不會(huì)重復(fù)平鋪。
background-image: url("example.jpg"); background-repeat: repeat-x;
以上代碼的效果是將example.jpg這張圖片在水平方向上重復(fù)平鋪,直到填滿整個(gè)元素的背景區(qū)域。
使用這個(gè)屬性可以讓你更加自由地控制元素的背景樣式,讓你的網(wǎng)站看起來(lái)更加美觀。