background-position 是CSS属性，用于指定背景图像在元素背景中的位置。
该属性可以使用关键字或具体数值来定义背景图像的位置。下面土嘎嘎小编分享一些常见的用法：
1. 使用关键字：
◇ top:将背景图像置于元素的顶部中心。
◇ bottom:将背景图像置于元素的底部中心。
◇ left:将背景图像置于元素的左侧中心。
◇ right:将背景图像置于元素的右侧中心。
◇ center:将背景图像置于元素的水平和垂直中心。
2. 使用具体数值：
◇ 可以使用像素（px）或百分比（%）来指定具体的横向和纵向偏移量，例如： 10px 20px 表示将背景图像向右移动10像素，向下移动20像素； 50% 25% 表示将背景图像水平居中，垂直方向向下偏移25%。
3. 使用组合值：
◇ 可以同时指定横向和纵向的偏移量，例如： left top 表示将背景图像置于元素的左上角。
示例使用方式：
〓〓css代码如下：〓〓
.div {
background-image: url('image.jpg');
background-position: center;
}
.div {
background-image: url('image.jpg');
background-position: 10px 20px;
}
.div {
background-image: url('image.jpg');
background-position: left top;
}
这些示例演示了如何使用 background-position 属性来控制背景图像在元素背景中的位置。根据具体需求，可以选择合适的关键字、数值或组合值来定位背景图像。