在網頁開發中，經常會使用背景圖片來裝飾頁面，但是有時候我們需要將背景圖片居中顯示，這時候就需要運用 CSS 來實現了。下面將介紹兩種常用的方法。 方法一：使用 background-position 屬性 background-position 屬性可以設置背景圖片的位置。默認情況下，背景圖片的位置是在左上角的。我們可以通過設置該屬性，將背景圖片居中。 以下是示例代碼：

body {
background-image: url(background.jpg);
background-position: center; /* 將背景圖片水平、垂直居中 */
}

上述代碼將頁面的背景圖片設置為 background.jpg，并設置 background-position 屬性為 center，這樣背景圖片就會在水平和垂直方向上居中了。 方法二：使用 background 屬性 background 屬性可以一次性設置背景色、背景圖片、背景重復方式、背景位置和背景大小等。我們可以通過設置該屬性，將背景圖片居中。 以下是示例代碼：

body {
/* 將背景圖片水平、垂直居中 */
background: url(background.jpg) center center no-repeat;
}

上述代碼使用了 background 屬性，將背景圖片設置為 background.jpg，位置設置為 center center，重復方式設置為 no-repeat（不重復）。 以上是兩種常用的 CSS 實現背景圖片居中的方法，讀者可以根據具體需求選擇合適的方法。