在Web開發(fā)過程中，經(jīng)常會遇到需要使用背景圖的情況。而且有時候我們想要讓背景圖的中心部分顯示，而不是全部顯示。這時候就需要使用CSS的背景圖居中顯示技巧。

要讓背景圖居中顯示，我們需要設(shè)置background-position屬性，并將其值設(shè)置為center。這樣，背景圖的中心點(diǎn)就會與元素的中心點(diǎn)重合，從而實(shí)現(xiàn)了背景圖的居中顯示。

下面是一個示例代碼：

div {
width: 500px;
height: 300px;
background-image: url("bg.jpg");
background-repeat: no-repeat;
background-position: center;
}

上述代碼中，設(shè)置了一個寬度為500px，高度為300px的div元素，并為其設(shè)置了背景圖為bg.jpg，同時禁止了背景圖的重復(fù)顯示。最重要的是，設(shè)置了background-position為center，即實(shí)現(xiàn)了背景圖的居中顯示。

總之，使用CSS的背景圖居中顯示技巧，可以讓我們更好地控制元素的背景圖，并實(shí)現(xiàn)更加美觀的UI效果。