CSS中的背景圖是網(wǎng)頁設(shè)計中常用的一種方式，可以為網(wǎng)頁添加視覺效果和強(qiáng)化品牌形象。

但是在設(shè)置背景圖時，我們經(jīng)常會遇到一種問題——圖片會重復(fù)出現(xiàn)，導(dǎo)致視覺效果不佳，甚至影響用戶體驗。

那么該如何設(shè)置不重復(fù)的背景圖呢？下面就為大家介紹兩種方法。

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

以上就是最簡單的不重復(fù)背景圖的設(shè)置方法，一行代碼即可搞定。其中background-image用于指定背景圖的URL，而background-repeat則控制是否重復(fù)。

如果想讓背景圖只在水平或豎直方向重復(fù)，可以使用以下兩種屬性：

background-repeat: repeat-x; //只在水平方向重復(fù)
background-repeat: repeat-y; //只在豎直方向重復(fù)

除此之外，還可以使用background-size屬性來控制背景圖的大小，例如：

background-size: cover; //背景圖等比例縮放以完全覆蓋容器
background-size: contain; //背景圖等比例縮放以完全容納在容器中

通過以上的方法，我們可以輕松地設(shè)置不重復(fù)的背景圖，為網(wǎng)頁增添視覺效果和品牌形象。