css中怎么移动背景图的位置

在CSS中，我们可以使用background-position属性来移动一个背景图的位置。这个属性接受两个值，分别表示水平和垂直方向上的位置。默认情况下，背景图的位置是在左上角。如果需要移动背景图的位置，可以调整这两个值。
使用background-position属性的语法格式如下：

css
background-position: 水平位置 垂直位置; 

其中，水平位置和垂直位置都可以使用以下的值：
- 百分比值：表示相对于容器的宽度或高度的百分比位置，例如50%表示在容器的中间位置。
- 长度值：表示相对于容器的长度单位的位置，可以使用的单位包括px、em、rem等等。
- 关键字值：可以使用的关键字值包括left、center、right、top、middle和bottom等等。
例如，要将背景图向右移动20像素，可以写成以下的代码：

css
background-position: 20px 0; 

如果要将背景图向下移动30像素，可以写成以下的代码：

css
background-position: 0 30px; 

如果需要将背景图移动到容器的正中间，可以写成以下的代码：

css
background-position: center center; 

需要注意的是，如果只写一个值，则默认为水平位置，垂直位置为50%。如果不想设置水平位置，可以写成以下的代码：

css
background-position: center 20px; 

总之，使用background-position属性可以轻松地移动一个背景图的位置，让网页的视觉效果更加美观。