背景图片在CSS中被广泛应用，用于美化网页。有时候，我们需要调整图片的位置，以达到更好的效果。在CSS中，有多种方法可以实现这个目标。 下面是CSS中如何改变背景图片位置的一些示例： 1. 使用background-position属性 我们可以使用background-position属性来调整背景图片的位置。该属性接受两个值，第一个值表示水平位置，第二个值表示垂直位置。例如，我们可以将背景图片向右移动10像素，并向下移动30像素，代码如下：

p {
  background-image: url("image.jpg");
  background-position: 10px 30px;
}

2. 使用百分比值 我们也可以使用百分比值来设置背景图片的位置。这会根据容器的大小自动调整背景图片的位置。例如，我们可以将背景图片水平方向上向右移动50%，而垂直方向上向下移动25%。

p {
  background-image: url("image.jpg");
  background-position: 50% 25%;
}

3. 组合两个属性 我们也可以将background-position属性与background-position-x和background-position-y属性组合在一起来实现相同的效果。例如，下面代码将背景图片水平向右移动20像素，垂直向下移动40像素。

p {
  background-image: url("image.jpg");
  background-position-x: 20px;
  background-position-y: 40px;
}

总之，调整背景图片的位置是CSS中常用的技巧之一，可以为网页添加更多的风格和个性。使用这些方法，我们可以轻松实现背景图片的位置调整，使网页更加优美。