在CSS中，我們經常使用background屬性來對元素進行背景設置。其中，background-image屬性允許我們設置背景圖片。但是，有時候出現了圖片重復的情況，這就需要我們對CSS進行調整，來避免圖片重復。

圖片重復的情況有兩種：水平重復和垂直重復。如果你希望圖片不重復出現，可以將background-repeat設置為no-repeat。

background-repeat: no-repeat;

如果你希望設置水平重復或垂直重復，可以將background-repeat設置為repeat-x和repeat-y。

background-repeat: repeat-x; /*水平重復*/
background-repeat: repeat-y; /*垂直重復*/

除此之外，我們還可以使用background-size屬性來對背景圖片進行縮放。默認情況下，背景圖片是原尺寸顯示的。如果圖片太大了，會導致重復顯示，而如果圖片太小了，又會導致拉伸失真。

我們可以使用contain關鍵字，來讓背景圖片自適應元素大小，同時不失真。也可以使用cover關鍵字，來讓背景圖片鋪滿整個元素，可能會裁剪掉一部分。

background-size: contain;
background-size: cover;

另外，還可以通過background-position來改變背景圖片的位置。

background-position: center;
background-position: right bottom;

綜上所述，我們可以使用不同的CSS樣式來避免背景圖片重復，以及適應不同的元素大小和顯示位置。