background-image偏移

`background-image` 属性用于设置元素的背景图像，而要偏移这个背景图像，你可以使用 `background-position` 属性。`background-position` 允许你指定图像在背景中的起始位置，可以接受几种不同的值类型：

1. **百分比**：相对于元素的宽度和高度，比如 `left: 50%`, `top: 20%`，会将背景图片向左移动元素宽度的一半，向上移动20%的高度。

2. **长度值**：可以是像素值 (`px`)、em、rem 或者其他长度单位。例如 `center` 表示居中对齐，`left top` 则表示左上角对齐。

3. **短横线分隔的两个值**：分别对应水平和垂直方向的位置，如 `10px 20px`，会水平偏移10像素，垂直偏移20像素。

4. **关键词**：一些预设的关键词，如 `right bottom`，`center center` 等。

要使用这些属性，只需在 CSS 中编写类似这样的样式：

selector {
  background-image: url('image-url.jpg');
  background-position: <horizontal-position> <vertical-position>;
}