CSS 背景圖是網頁設計中非常常用的一種 CSS 規則，能夠為網頁提供更加多樣化的外觀效果。但當背景圖像在某個區域被重復多次，會讓網頁看上去十分丑陋。那么，如何避免 CSS 背景圖像的重復呢？

background-repeat: no-repeat;

以上代碼可以使背景不重復，其原理是將背景圖像只顯示一次。

另外還有一個屬性值是 repeat-x，可以在水平方向上重復。同理，repeat-y 可以在豎直方向上重復。

background-repeat: repeat-x;
background-repeat: repeat-y;

有時候，如果背景圖像用到平鋪，我們還可以使用 background-size 屬性。該屬性能夠調整背景圖像大小，切割掉多余部分。

background-size: 100px 100px; /* 可以根據需要調整寬高 */

最后，使用背景圖像時，還可以改變背景圖像的位置來控制樣式?？梢酝ㄟ^ background-position 屬性來設置。下面是一個例子：

background-position: center top;
background-position: 0 50px; /* 可以根據需求調整位置 */

總之，利用 CSS 的這些屬性，我們可以更好地控制背景圖像的展示效果，讓網頁更加美觀大方。