在CSS中，更改背景圖片的位置可以通過調(diào)整background-position屬性來實(shí)現(xiàn)，這個屬性允許你***地控制背景圖片在元素中的位置，下面是一些示例代碼，展示了如何改變背景圖片的位置：

示例1：水平移動背景圖片

div {
  background-image: url('example.jpg');
  background-position: 50px 0; /* 水平移動50像素 */
}

示例2：垂直移動背景圖片

div {
  background-image: url('example.jpg');
  background-position: 0 100px; /* 垂直移動100像素 */
}

示例3：同時調(diào)整水平和垂直位置

div {
  background-image: url('example.jpg');
  background-position: 100px 50px; /* 水平移動100像素，垂直移動50像素 */
}

示例4：使用百分比調(diào)整位置

div {
  background-image: url('example.jpg');
  background-position: 25% 75%; /* 水平移動到元素的25%，垂直移動到元素的75% */
}

示例5：固定位置（不隨元素大小變化）

div {
  background-image: url('example.jpg');
  background-position: right top; /* 圖片始終在元素的右上角 */
}

示例6：使用CSS變量調(diào)整位置

:root {
  --x-position: 100px;
  --y-position: 50px;
}
div {
  background-image: url('example.jpg');
  background-position: var(--x-position) var(--y-position); /* 使用CSS變量調(diào)整位置 */
}

通過調(diào)整background-position屬性，你可以***地控制背景圖片在CSS中的位置，這個屬性接受兩個值，分別代表水平和垂直方向上的位置，你可以使用像素、百分比或CSS變量來指定這些值。