CSS背景平鋪是指在網頁中設置背景圖片或顏色并讓其自動重復填滿整個區域。實現兩層不同背景色或圖片的平鋪,可以通過以下代碼:
background-image: url("image1.jpg"), url("image2.jpg"); background-repeat: repeat-y, repeat; background-position: left top, center top;
以上代碼表示將兩個圖片放置在背景上,第一個圖片沿著Y軸平鋪,第二個圖片沿著XY軸都進行平鋪。第一個圖片左上角與背景左上角對齊,第二個圖片則在水平居中、垂直上方的位置。如果想要使用純色背景,則可將第一個圖片的URL改為“none”,將其顏色設置為自己想要的顏色。
另外,使用CSS3中新增的多重背景實現也可以實現這一效果,具體代碼如下:
background: url("image1.jpg") left top repeat-y, url("image2.jpg") center top repeat;
兩個圖片的設置與前一段代碼相同,只是將屬性設置合并到了一個background屬性中。