CSS是一種非常有用的前端技術，它可以讓我們對網頁進行美化和優化。在網頁制作中，圖片也是不可或缺的一部分，它可以豐富網頁內容，提高用戶體驗。有時候，我們需要設置圖片不重復，這時候就需要使用CSS的background-repeat屬性。

background-repeat: no-repeat;

上面這行代碼的作用是讓背景圖片只出現一次，不會重復出現。這個屬性的默認值是repeat，也就是說背景圖片會在水平方向和垂直方向上重復出現，如果我們不想讓背景圖片重復出現，就可以把它設置為no-repeat。

除了no-repeat外，background-repeat屬性還有其他的選項：

• repeat-x：在水平方向上重復出現
• repeat-y：在垂直方向上重復出現
• repeat：在水平和垂直方向上重復出現

如果我們想讓背景圖片在某個方向上重復出現，就可以選擇這個方向的選項，如果想在水平和垂直方向上都重復出現，就可以選擇repeat選項。

設置背景圖片不重復可以提高網頁的美觀程度和用戶體驗，讓網頁看起來更加清爽和整潔。通過background-repeat屬性，我們可以輕松地實現這個效果，讓網頁更加出色。