background-position:center ,left,right

`background-position` 属性可以接受一个或两个值，第一个值表示水平方向的偏移量，第二个值表示垂直方向的偏移量。如果只提供一个值，则默认为水平方向的偏移量，垂直方向的偏移量为 `50%`。

当 `background-position` 属性设置为 `center` 时，背景图片会水平和垂直方向都居中放置。如果要将背景图片水平居中，可以将第一个值设置为 `center`，第二个值设置为 `left` 或 `right`。

例如，以下代码将背景图片水平居中，垂直方向偏移量为 `50%`：

div {
  background-image: url("example.png");
  background-position: center 50%;
}

以下代码将背景图片垂直居中，水平方向偏移量为 `50%`：

div {
  background-image: url("example.png");
  background-position: 50% center;
}

以下代码将背景图片水平居中，垂直方向顶部对齐：

div {
  background-image: url("example.png");
  background-position: center top;
}

以下代码将背景图片水平居中，垂直方向底部对齐：

div {
  background-image: url("example.png");
  background-position: center bottom;
}