`background-position` 是一个CSS属性,用于设置背景图像在元素内部的开始位置。这个属性通常与 `background-image` 属性一起使用。当你为一个元素设置了背景图像后,你可以使用 `background-position` 来决定图像应该从哪里开始显示。这对于背景图像与内容的对齐非常有用。
语法:
```css
background-position: horizontal_position vertical_position;
```
其中:
* `horizontal_position` 可以是关键词(如 `left`, `center`, `right`)或像素值(例如 `50px`)。
* `vertical_position` 同样可以是关键词(如 `top`, `center`, `bottom`)或像素值。
例如:
1. `background-position: left top;` 会将背景图像的左上角与元素的左上角对齐。
2. `background-position: center center;` 会将背景图像的中心点与元素中心对齐。
3. `background-position: 50px 100px;` 会将背景图像的起始点偏移到元素的左边缘右侧50px和上边距下方100px的位置。
注意,背景位置是相对于元素的左上角定义的,不是相对于背景图像本身的左上角。因此,当你移动背景位置时,整个背景图像也会随之移动,但始终保持其原始大小。如果你想改变背景图像的大小,你需要使用 `background-size` 属性。