在網(wǎng)頁(yè)設(shè)計(jì)中，常常會(huì)使用背景圖片進(jìn)行布局或美化。但有時(shí)我們希望這些背景圖片不要重復(fù)出現(xiàn)，在CSS中可以通過(guò)指定background-repeat屬性來(lái)實(shí)現(xiàn)。

background-repeat屬性有幾個(gè)值可選，最常用的是repeat、no-repeat和repeat-x/repeat-y。

/* 不重復(fù) */
background-repeat: no-repeat;
/* 水平重復(fù) */
background-repeat: repeat-x;
/* 垂直重復(fù) */
background-repeat: repeat-y;
/* 水平和垂直同時(shí)重復(fù) */
background-repeat: repeat;

使用no-repeat可以確保背景圖片不會(huì)出現(xiàn)重復(fù)，而使用repeat-x和repeat-y可以控制圖片在水平和垂直方向的重復(fù)情況。如果需要同時(shí)在水平和垂直方向重復(fù)背景圖片，可以使用repeat。

除了這幾個(gè)基本值，background-repeat還支持一些其他的值，例如space和round，這些值可以實(shí)現(xiàn)更加復(fù)雜的布局需求。

/* 圖片間距平均 */
background-repeat: space;
/* 圖片縮放平鋪 */
background-repeat: round;

需要注意的是，在使用background-repeat屬性時(shí)，建議同時(shí)指定background-size屬性，以確保背景圖片的尺寸與容器相適應(yīng)。

有了background-repeat屬性的控制，我們可以更加自如地定制網(wǎng)頁(yè)的背景布局和美化效果，讓網(wǎng)頁(yè)呈現(xiàn)出更加優(yōu)美和舒適的風(fēng)格。