在網頁開發中，一般會使用CSS來控制網頁的樣式。而對于網頁的背景圖片，常常需要進行一些特殊的處理。本文將介紹如何使用CSS將背景圖片居中顯示。

首先，我們需要在CSS中使用background-image屬性來設置網頁的背景圖片。例如：

body {
background-image: url("background.jpg");
}

這樣設置后，背景圖片將會填充整個網頁。但是，很多時候我們希望背景圖片可以居中顯示，這就需要進行一些額外的設置。

一種方法是使用background-position屬性來設置背景圖片的位置，將其置于網頁的中心位置。例如：

body {
background-image: url("background.jpg");
background-position: center center;
}

這種方法雖然可以將背景圖片居中顯示，但是對于不同大小的屏幕，其效果可能并不理想。因此，在更多情況下，我們需要使用CSS3中的background-size屬性，以保持圖片在不同屏幕下的比例和質量。

為了實現這個目標，我們可以使用background-size屬性，并將其設置為"cover"。這樣，背景圖片就可以按照屏幕的大小適應自己，并居中顯示。例如：

body {
background-image: url("background.jpg");
background-size: cover;
background-position: center center;
}

最后，我們需要注意的是，為了保證網頁的多瀏覽器兼容性，最好使用不同的瀏覽器前綴來設置background-size屬性。例如：

body {
background-image: url("background.jpg");
-webkit-background-size: cover; /* Safari 和 Chrome */
-moz-background-size: cover; /* Firefox */
-o-background-size: cover; /* Opera */
background-size: cover;
background-position: center center;
}

這樣，就可以在不同的瀏覽器上，實現背景圖片的居中顯示。