在CSS中，我們可以通過background-image屬性來添加背景圖片。但是有時候我們還需要調整圖片的位置，這時候就需要使用background-position屬性了。
background-position屬性可以接受兩個值，第一個值表示水平方向上的位置，第二個值表示垂直方向上的位置。這兩個值可以是長度值，也可以是關鍵字。常見的關鍵字有：
- left：圖片靠左對齊
- center：圖片居中對齊
- right：圖片靠右對齊
- top：圖片頂部對齊
- bottom：圖片底部對齊
比如，我們要將背景圖片居中對齊，可以這樣寫 CSS：
```css
div {
background-image: url('image.png');
background-position: center center;
}
```
如果我們需要將圖片靠左對齊，可以這樣寫：
```css
div {
background-image: url('image.png');
background-position: left center;
}
```
同樣的，如果我們需要將圖片向上對齊，可以這樣寫：
```css
div {
background-image: url('image.png');
background-position: center top;
}
```
需要注意的是，如果只指定了一個值，那么第二個值默認為center。如果同時指定了兩個值，它們之間的空格可以省略。此外，還可以使用百分比值表示位置，比如將圖片向左移動50%：
```css
div {
background-image: url('image.png');
background-position: 50% center;
}
```
以上就是CSS中設置圖片位置的方法。根據需求，我們可以通過調整background-position屬性，輕松實現各種效果。
下一篇css中圖標設置大小