在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圖片位置設置的一些方法，希望能夠幫助大家更好地設計出美觀的頁面。