今天我們來(lái)講一下如何在CSS中居中背景圖片。 一般情況下，我們可以使用以下代碼來(lái)設(shè)置背景圖片：

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

但是，這樣設(shè)置的背景圖片可能不會(huì)居中。如果我們想要背景圖片水平和垂直居中，可以使用以下的CSS代碼：

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

上述代碼中，我們使用了background-position屬性來(lái)設(shè)置背景圖片的位置為中心；使用了background-repeat屬性來(lái)設(shè)置背景圖片不重復(fù)；background-attachment屬性來(lái)使背景圖片固定不動(dòng)；background-size屬性讓背景圖片保持尺寸比例適應(yīng)屏幕大小。 另外，如果我們只想讓背景圖片在水平方向居中，可以使用以下代碼：

body {
background-image: url("background.jpg");
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
}

最后，我們需要注意，上述代碼中的body元素，實(shí)際上是針對(duì)整個(gè)網(wǎng)頁(yè)文檔的。如果我們只想讓某個(gè)元素的背景圖片居中，可以使用該元素的CSS樣式來(lái)進(jìn)行設(shè)置。 總之，居中背景圖片是網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)需求，通過(guò)CSS的設(shè)置，我們可以輕松實(shí)現(xiàn)背景圖片的居中效果。