CSS3中的background屬性是網頁設計中經常用到的屬性之一。它不僅可以用來設置背景顏色,還可以設置背景圖片和背景平鋪方式。
background: url("bg.jpg") repeat;
在這個屬性中,我們使用url()來引用圖片,而repeat表示圖片在水平和垂直方向上都重復平鋪。
background: url("bg.jpg") repeat-x;
如果我們只想在水平方向上平鋪,可以使用repeat-x。同樣的,我們還可以使用repeat-y,只在垂直方向上平鋪。
background: url("bg.jpg") no-repeat center center;
如果我們不想用平鋪的方式,而是想將圖片設置在中心位置,可以使用no-repeat和center center。
background-size: cover;
而如果我們想讓背景圖片完全覆蓋整個區域,可以使用background-size和cover。
以上就是關于CSS3中的background平鋪的一些內容,希望對網頁設計的小伙伴們有所幫助。