CSS中提供了no-repeat屬性,它可以用于設置背景圖像不重復。
當我們想要設置一個背景圖像但不希望它重復出現時,就可以使用no-repeat屬性。例如:
background-image: url('example.jpg'); background-repeat: no-repeat;
上面的代碼片段中,第一行設置了背景圖像的url,第二行設置了背景圖像不重復。
no-repeat屬性共有2個關鍵字:
- no-repeat:表示不重復出現
- repeat:表示橫向和縱向都重復出現
- repeat-x:表示橫向重復出現
- repeat-y:表示縱向重復出現
除了no-repeat外,其它的關鍵字都會讓背景圖像重復出現。例如,如果使用repeat-x關鍵字,背景圖像將只在橫向方向上重復出現,而在縱向方向上完全不重復。如果使用repeat-y關鍵字,則是相反的效果。
總之,no-repeat屬性是CSS中設置背景圖像不重復的一種方式,可以在設置背景圖像時加以使用。
上一篇css3圖片以中心旋轉
下一篇css3圖旋轉語法