在網(wǎng)頁(yè)制作中，經(jīng)常用到CSS來(lái)設(shè)置頁(yè)面樣式。其中，使用圖片作為背景是常見(jiàn)的一種設(shè)置，可以讓頁(yè)面更加美觀。不過(guò)，在設(shè)置圖片背景時(shí)，如果圖片重復(fù)出現(xiàn)，就會(huì)影響頁(yè)面的美觀度。下面，我們來(lái)學(xué)習(xí)如何設(shè)置CSS圖片背景不重復(fù)。

background-repeat: no-repeat;

上面這段代碼是設(shè)置CSS圖片背景不重復(fù)的關(guān)鍵。其中，background-repeat是用來(lái)設(shè)置圖片是否重復(fù)出現(xiàn)的屬性，no-repeat表示不重復(fù)。

除此之外，還有background-size屬性可以設(shè)置圖片的大小。如果圖片的大小與背景區(qū)域不一致，就可以使用這項(xiàng)屬性進(jìn)行調(diào)整。例如：

background-size: cover;

上面這段代碼表示將圖片自適應(yīng)背景區(qū)域，并保持比例不變，同時(shí)盡可能填滿整個(gè)區(qū)域。

另外，還可以使用background-position屬性來(lái)設(shè)置圖片在背景區(qū)域中的位置。例如：

background-position: center center;

上面這段代碼表示將圖片居中顯示在背景區(qū)域中。

最后，需要注意的是，如果使用了以上代碼仍然出現(xiàn)圖片重復(fù)的情況，可能是因?yàn)閳D片的尺寸太小，無(wú)法填滿整個(gè)區(qū)域，可以嘗試更換大小適宜的圖片。