cssbackgroundposition属性

/* 示例代码：使用 background-position 属性设置背景图像的位置 */

/* 设置背景图像位于元素的左上角 */
.example1 {
  background-image: url('image.jpg');
  background-position: left top;
}

/* 设置背景图像位于元素的中心 */
.example2 {
  background-image: url('image.jpg');
  background-position: center;
}

/* 使用百分比设置背景图像位置，50% 50% 表示图像的中心与元素的中心对齐 */
.example3 {
  background-image: url('image.jpg');
  background-position: 50% 50%;
}

/* 使用像素值设置背景图像位置 */
.example4 {
  background-image: url('image.jpg');
  background-position: 20px 30px;
}

/* 解释说明：
- background-position 属性用于设置背景图像的初始位置。
- 可以使用关键字（如 left, right, top, bottom, center）、百分比或像素值来定义位置。
- 第一个值表示水平位置，第二个值表示垂直位置。如果只提供一个值，则第二个值默认为 50%。
*/