在CSS中，我们经常需要设置图片的位置。这是很重要的一项技能，因为位置不好调整的话，页面布局可能会出现错位或者过于凌乱的情况。下面让我们一起来看一下如何设置CSS图片的位置。 在CSS中，可以使用background-position属性来设置图片的位置。该属性接受两个值，分别是水平位置和竖直位置。关于这两个值的设置，我们可以使用像素（px）, 百分比（%）, 关键词（left, right, top, bottom, center）等，如下所示：

div {
background-image: url("example.jpg");
background-position: 0 0; /*左上角*/
background-position: 50% 50%; /*中心*/
background-position: right bottom; /*右下角*/
background-position: -10px 30px; /*向左上偏移10px，向下偏移30px*/
}

需要注意的是，这里设置的位置是相对于元素的左上角来计算的。如果想要设置图片居中，可以使用关键词center。 还有一种情况是：元素的背景图片比较小，但是我们想让它重复平铺到整个元素上。这时候又该怎么办呢？可以使用background-repeat属性来设置背景图片的平铺模式。该属性接受两个值，分别是水平方向和竖直方向的重复模式，如下所示：

div {
background-image: url("example.jpg");
background-repeat: repeat-x; /*水平方向重复，竖直方向不重复*/
background-repeat: repeat-y; /*竖直方向重复，水平方向不重复*/
background-repeat: no-repeat; /*不重复*/
background-repeat: repeat; /*水平和竖直方向都重复*/
}

以上就是CSS图片位置设置的一些方法，希望能够帮助大家更好地设计出美观的页面。