在web開發(fā)中，經(jīng)常需要在網(wǎng)頁中添加背景圖。使用CSS可以很方便地實現(xiàn)背景圖的平鋪效果，但是有些時候我們需要使背景圖不重復(fù)平鋪，怎么辦呢？ 首先，讓我們來了解一下CSS中關(guān)于背景圖的兩個屬性：background-image和background-repeat。 background-image表示要使用的背景圖的url，可以使用相對或絕對路徑。 background-repeat表示背景圖的平鋪方式，取值分別為repeat（默認(rèn)值，水平和垂直方向都平鋪）、repeat-x（水平方向平鋪）、repeat-y（垂直方向平鋪）和no-repeat（不平鋪）。 我們需要使用background-repeat屬性，將它設(shè)置為no-repeat就可以實現(xiàn)背景圖不重復(fù)平鋪的效果。 下面是一段實現(xiàn)背景圖不重復(fù)平鋪的CSS代碼：

body {
background-image: url("bg.png");
background-repeat: no-repeat;
}

上述代碼中，我們設(shè)置了body元素的背景圖為bg.png，并將其重復(fù)方式設(shè)置為no-repeat，這樣就不會出現(xiàn)重復(fù)平鋪的情況了。 除了在body元素中使用上述樣式代碼實現(xiàn)背景圖不重復(fù)平鋪，也可以在其他元素中添加背景圖并設(shè)置background-repeat屬性為no-repeat來實現(xiàn)同樣的效果。 總之，使用CSS使背景圖不重復(fù)平鋪的方法十分簡單，只需要將background-repeat屬性設(shè)置為no-repeat即可。