在CSS中,背景圖片默認(rèn)會平鋪顯示。有些時候,這是我們不希望看到的效果,我們希望圖片只顯示一次或者完全不顯示。接下來,我們將會介紹如何設(shè)置CSS不平鋪背景圖片。
background-repeat: no-repeat;
我們可以通過設(shè)置背景圖片的重復(fù)方式為 no-repeat,來讓背景圖片只顯示一次。這個屬性需要設(shè)置在 background-image 屬性之后。
background-repeat: repeat-x;
如果我們只想讓背景圖片在水平方向平鋪,可以設(shè)置背景圖片的重復(fù)方式為 repeat-x。
background-repeat: repeat-y;
同理,如果我們只想讓背景圖片在垂直方向平鋪,可以設(shè)置背景圖片的重復(fù)方式為 repeat-y。
background-repeat: none;
如果我們不想讓背景圖片出現(xiàn),可以設(shè)置背景圖片的重復(fù)方式為 none。
通過以上的幾種設(shè)置,我們可以輕松地實現(xiàn)不同的背景圖片顯示效果。