css调整调整背景图像位置

在CSS中，调整背景图像的位置通常通过`background-position`属性实现。这个属性允许你指定背景图像在容器内的起始位置。它支持多种不同的值：

1. **绝对位置**：
- 使用数值（如 `left: 20px`, `top: 50px`）可以直接指定像素值。
- 使用百分比，如 `50%` 表示宽度的一半，`100%` 则是宽度全宽。
- 关键字形式，如 `center`、`top right` 或 `bottom left`。

2. **相对位置**：
- `contain` 和 `cover`：这两种模式会自动缩放背景图以适应其容器，并保持原始图像的比例，`contain` 会保持图片完整可见，`cover` 则尽可能填满容器，可能存在裁剪。
- `stretch`：将背景图像拉伸以完全填满容器，可能导致图像变形。

3. **重复模式**：
- `repeat`：背景图像沿水平和垂直方向无限循环。
- `no-repeat`：背景图像只显示一次。
- `repeat-x` 或 `repeat-y`：分别仅沿一个轴方向重复。

例如：

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

你可以组合使用这些属性来获得所需的布局效果。