CSS背景圖居中方法

在CSS中，可以使用背景定位屬性（background-position）來控制背景圖的居中，具體步驟如下：

1、為元素設(shè)置背景圖，為div元素設(shè)置背景圖：

div {
  background-image: url('image.jpg');
}

2、使用background-position屬性來控制背景圖的居中，該屬性接受兩個值：一個用于水平定位，另一個用于垂直定位，將背景圖居中于div元素的中心：

div {
  background-image: url('image.jpg');
  background-position: center center;
}

3、如果只想在水平方向上居中背景圖，可以使用left或right值，將背景圖居中于div元素的左側(cè)：

div {
  background-image: url('image.jpg');
  background-position: left center;
}

4、類似地，如果只想在垂直方向上居中背景圖，可以使用top或bottom值，將背景圖居中于div元素的底部：

div {
  background-image: url('image.jpg');
  background-position: center bottom;
}

通過以上方法，可以靈活控制CSS中背景圖的居中位置。