CSS 不仅可以用来设置文字样式，还可以通过设置图片的位置来丰富页面的内容和布局。其中，通过设置 background-position 来实现图片位置的控制。

background-position: X轴位置 Y轴位置;

其中，X轴位置和Y轴位置都有以下常见的设置方式。

1. 使用长度单位（如px、em等）来对位置进行定位。

background-position: 10px 20px;

2. 使用百分比来对位置进行定位。百分比是相对于背景图片大小的比例，当设置百分比时，0%表示图片的左边，100%表示图片的右边。

background-position: 50% 50%;

3. 使用关键字（如top、bottom、left、right、center）来对位置进行定位。

background-position: center top;

4. 使用关键字+百分比的组合来对位置进行定位。

background-position: left 20%;

5. 使用关键字+长度单位的组合来对位置进行定位。

background-position: right 10px;

6. 使用方向关键字（如top、bottom、left、right）和定位关键字（如inside、outside）进行定位。

background-position: right top inside;

通过以上几种常见的设置方式，我们可以轻松地控制背景图片的位置，实现不同的布局效果。