背景圖片在網頁設計中是非常常見的元素之一，能夠為頁面添加美觀的背景。但是，如果使用了重復的背景圖片，它會使頁面看起來很單調。那么怎么樣才能讓背景圖片不重復呢？在CSS中有幾種方法可以做到。

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

上面這段CSS代碼使用了三個屬性來控制背景圖片的布局。首先設置了背景圖片的來源。然后使用了background-repeat: no-repeat;屬性來指定背景圖片不重復顯示。最后使用了background-size: cover;屬性來讓背景圖片充滿整個頁面。這個方法非常簡單，只要設置了這三個屬性，背景圖片就不會重復顯示了。

除此之外，我們還可以使用另一種方法讓背景圖片不重復顯示，就是使用background-attachment: fixed;屬性。這個屬性會使背景圖片固定在頁面上，不隨頁面滾動而滾動。

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

這樣設置之后就能讓背景圖片不重復顯示了。如果想要讓背景圖片充滿整個頁面，可以同時使用background-size: cover;屬性。

綜上所述，使用CSS可以輕松實現背景圖片不重復顯示的效果。如果您希望頁面看起來更加美觀，則可以嘗試使用不同的背景圖片。