CSS是網站美化的重要工具之一，其中背景圖的使用也是不可或缺的。如果想要讓背景圖看起來更加美觀，就需要掌握如何設置不重復的背景圖。接下來將為大家詳細介紹如何在CSS中設置背景不重復。

background-repeat: no-repeat;

在CSS中，通過background-repeat屬性來控制背景圖是否重復，其中no-repeat表示不重復。可以將該屬性設置在body、div等標簽的樣式中。

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

如上代碼所示，設置了body標簽的背景圖為bg.jpg，并且設置不重復。在實際使用中，也可以通過其他方式來設置背景圖，例如使用百分比或者具體的像素值來設置背景圖的位置。

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

如上代碼所示，設置了背景圖的大小為覆蓋整個頁面，并且將背景圖的位置設置在頁面中心。

經過以上介紹，相信大家已經掌握了如何在CSS中設置背景不重復的技巧。不僅僅是在背景圖上，CSS中還有許多其他美化網站的技巧，需要我們不斷的學習和實踐。