background-position

background-position 是 CSS 中用来设置背景图片在元素中的位置的属性。它可以通过设置像素值或百分比来控制背景图片相对于元素左上角的水平和垂直位置。

语法示例：

background-position: 50% 50%;

上面的代码将背景图片的中心对齐到元素的中心。

还可以用像素来设置,例如：

background-position: 100px 200px;

上面的代码将背景图片相对于元素左上角水平偏移 100px，垂直偏移 200px。

这个属性可以缩写,也可以分开写，举个例子：

background-position: right 20px bottom 10px;

缩写后：

background-position: right 20px bottom 10px;

如果只写一个值，那么它会应用到水平方向上，如下面的例子：

background-position: 50%;

相当于

background-position: 50% 0%;