欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css圖片的重復(fù)屬性6

李中冰2年前11瀏覽0評論

在CSS樣式表中,我們經(jīng)常需要使用背景圖片來美化頁面。而當(dāng)我們需要讓背景圖片重復(fù)出現(xiàn)時,就需要使用CSS圖片的重復(fù)屬性。接下來,本文將介紹其中的第六個屬性:repeat-x。

background-repeat: repeat-x;

該屬性的作用是讓背景圖片只在水平方向上重復(fù)出現(xiàn),而不出現(xiàn)在垂直方向上。例如,在以下代碼中,將一個水平方向上透明度逐漸變化的條紋作為背景圖片,并使用repeat-x屬性重復(fù)出現(xiàn):

body {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0));
background-repeat: repeat-x;
}

這樣,頁面就會擁有橫向條紋的背景,同時垂直方向上背景只出現(xiàn)了一次。

需要注意的是,該屬性只對背景圖片有效,對其他背景樣式(如顏色)無效。

總之,CSS圖片的重復(fù)屬性中的repeat-x屬性,可以用來讓背景圖片只在水平方向上重復(fù)出現(xiàn),為網(wǎng)頁美化提供更多的選擇。