CSS可以通過 background-image 屬性來設(shè)置元素的背景圖像，但是默認(rèn)情況下該圖片會(huì)在元素中重復(fù)。如果您想要避免背景圖像的重復(fù)，就要使用 background-repeat 屬性來控制圖像的重復(fù)方式。

background-repeat 屬性有以下幾個(gè)值：

background-repeat: repeat; /* 默認(rèn)的重復(fù)方式，水平和垂直都重復(fù) */
background-repeat: repeat-x; /* 水平重復(fù) */
background-repeat: repeat-y; /* 垂直重復(fù) */
background-repeat: no-repeat; /* 不重復(fù) */

如果您不想讓圖像完全覆蓋元素，可以使用 background-position 屬性來設(shè)置背景圖像的位置。

background-position: center; /* 圖像居中 */
background-position: top left; /* 圖像放在左上角 */
background-position: bottom right; /* 圖像放在右下角 */

您還可以使用 background-size 屬性來控制背景圖像的大小。

background-size: cover; /* 圖像拉伸以完全覆蓋元素 */
background-size: contain; /* 圖像按比例縮放以適應(yīng)元素 */
background-size: 100% auto; /* 圖像的寬度為元素的寬度，高度自動(dòng)調(diào)整 */

綜上所述，通過 background-repeat、background-position 和 background-size 屬性的配合，可以輕松控制背景圖像不重復(fù)且合適地顯示在元素中。