在網頁設計中，背景圖片是一個非常重要的元素，可以讓網頁看起來更加美觀。然而，有時候我們希望背景圖片不平鋪且居中，該怎么辦呢？讓我們來看一下如何通過CSS實現該效果。

.background {
background-image: url('image.jpg');
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
}

首先，我們需要使用CSS的background-image屬性來設置背景圖片。同時，我們需要設置background-repeat屬性為no-repeat，這會使得背景圖片不重復顯示。

接著，我們需要使用background-position屬性來設置背景圖片的位置。在該例子中，我們設置背景圖片居中顯示。注意，我們需要在該屬性中同時設置水平和垂直的位置。

最后，我們需要使用background-size屬性來設置背景圖片的大小。在該例子中，我們將背景圖片的寬度設置為100%以填滿整個背景。高度則設置為auto以保持原本的比例。

綜上所述，使用以上的CSS代碼，我們可以實現背景圖片不平鋪且居中的效果。希望這篇文章能夠對你有所幫助。