CSS中有一個很有用的屬性叫做background-repeat，它用于控制背景圖像在元素內部的重復方式。

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

上面這些值中，repeat是默認值，代表背景圖像在水平方向和豎直方向上重復。

no-repeat代表不重復，背景圖像只出現一次。

repeat-x代表只在水平方向上重復，而repeat-y則代表只在豎直方向上重復。

background-image: url(bg.jpg);
background-repeat: repeat;

在上面這段CSS代碼中，我們給background-image屬性設置了一個圖片路徑，而background-repeat設置為repeat，這意味著這張圖片會在水平方向和豎直方向上重復出現，直到碼農的屏幕掛掉。

background-image: url(bg.jpg);
background-repeat: no-repeat;

這段CSS代碼中，我們給background-repeat設置為no-repeat，這表示這張背景圖片只會出現一次，并且會在元素的左上角顯示。

background-image: url(bg.jpg);
background-repeat: repeat-x;

這段CSS代碼中，我們給background-repeat設置為repeat-x，這表示這張背景圖片只會在水平方向上重復出現。

background-image: url(bg.jpg);
background-repeat: repeat-y;

最后，我們給background-repeat設置為repeat-y，這表示這張背景圖片只會在豎直方向上重復。

總之，CSS的background-repeat屬性使得我們可以更好地控制網頁的背景圖片出現的次數和位置，這為我們帶來了更多的設計自由度。