css中改变背景图片位置

CSS中改变背景图片位置是非常常见的操作，以下是一些方法：
使用background-position属性
background-position属性允许用百分比或像素值改变背景图片的位置。例如，把背景图片向右移动10像素，可以使用以下代码：
pre {
background-image: url('example.jpg');
background-position: 10px 0;
}
如果想让背景图片垂直居中，可以使用以下代码：
pre {
background-image: url('example.jpg');
background-position: center;
}
使用background-position-x和background-position-y属性
background-position-x和background-position-y属性可以分别改变背景图片的水平和垂直位置。例如，把背景图片向右移动10像素，可以使用以下代码：
pre {
background-image: url('example.jpg');
background-position-x: 10px;
}
如果想让背景图片垂直居中，可以使用以下代码：
pre {
background-image: url('example.jpg');
background-position-y: center;
}
使用background属性
background属性可以同时设置背景图片，背景颜色，背景图片位置等。例如，以下代码将背景图片定位在页面中心：
pre {
background: #fff url('example.jpg') no-repeat center center;
}
总结
以上是CSS中改变背景图片位置的几种方法。背景图片位置的设置能够让页面更加美观和富有吸引力，所以学会这些CSS技巧很重要。