CSS 是一種廣泛運用于網(wǎng)頁設(shè)計中的樣式表語言。使用 CSS，我們可以非常方便地修改頁面樣式，包括設(shè)置背景圖片、文字顏色和排版等。在本文中，我們將重點介紹如何使用 CSS 實現(xiàn)背景水平居中且不重復的效果。

background: url("../images/bg.jpg") center no-repeat;

在 CSS 中，背景可以使用 url() 函數(shù)來添加圖片。background 屬性可以同時使用多個值，其中第一個值用于設(shè)置圖片的位置，第二個值用于設(shè)置圖片是否平鋪，可取值為 repeat、repeat-x、repeat-y 或者 no-repeat。如上代碼所示，設(shè)置了一個背景圖片，圖片位于居中位置，不進行重復。

要實現(xiàn)水平居中，我們還需要將背景的位置設(shè)置為 center。center 是一個關(guān)鍵字，會將背景位置設(shè)置在元素的水平中心點。如果需要設(shè)置垂直居中，只需要在 background 中設(shè)置為 center center 即可。

PS：如果需要背景圖片完全占滿元素，可以將兩個值都設(shè)置為 center，并將 no-repeat 值改為 repeat。

總的來說，實現(xiàn)背景水平居中且不重復的效果并不復雜。借助 CSS 的 background 屬性，我們可以輕松實現(xiàn)想要的背景效果。通過靈活運用，可以讓頁面更加美觀和易于閱讀。