CSS背景中，最常用的屬性之一就是background-position，該屬性用于設置背景圖片的位置。

background-position: x-axis y-axis;

其中，x-axis和y-axis分別表示圖片在水平和垂直方向上的位置。這兩個值可以設置為具體的像素值，也可以使用關鍵字，比如left、right、top、bottom、center等來表示。

如果只設置一個值，那么它會被視為水平方向上的位置，垂直方向上的位置使用默認值center。

background-position: 20px; /* 等價于 background-position: 20px center; */

如果不想使用像素值，也可以使用百分比來表示。

background-position: 50% 50%; /* 表示圖片居中 */
background-position: 0% 100%; /* 表示圖片在左下角 */

需要注意的是，如果要將背景圖片固定在頁面的某個位置，可以使用position屬性來實現。例如：

div {
position: relative;
background-image: url("example.jpg");
background-position: center;
}
div::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin-top: -50px;
margin-left: -50px;
background-color: rgba(255, 255, 255, .5);
}

以上代碼將一個半透明的白色塊居中放置在背景圖片上方。其中，::before偽元素用于創建一個層級在背景圖片之上的半透明塊。

總之，background-position屬性是非常實用的，可以為網頁中的背景圖片增加很多效果。