CSS是一種定義網頁布局和樣式的語言，它為我們提供了很多方式來控制元素的外觀和擺放位置。其中，背景圖就是一種非常常見的方式，它能夠通過一張圖片來裝飾頁面，提升用戶體驗。

在CSS中，我們可以使用background-image屬性來設置背景圖。不過，圖片的位置往往不能夠自動適應元素的大小和位置，這時候，我們就需要借助background-position屬性來控制圖片的位置。

.element{
background-image: url("bg.jpg");
background-position: center;
}

上述代碼將會把名為bg.jpg的圖片作為 .element 元素的背景圖，并將其位置定位在元素的中間。

除了簡單的居中定位，background-position屬性還提供了其他多個值可以使用，如left、right、top、bottom等等。我們可以使用它們的不同排列組合來實現更為復雜的定位效果。

.element{
background-image: url("bg.jpg");
background-position: left top;
}

上述代碼將會把圖片從左上角的位置開始定位，如果我們想讓圖片的右邊和下邊貼合到容器的右邊和下邊，即覆蓋容器寬高，則可以使用background-size屬性，將其值設為100% 100%。

.element{
background-image: url("bg.jpg");
background-position: left top;
background-size: 100% 100%;
}

通過這些方式的組合，我們可以靈活地控制背景圖的位置和大小，使其更好地融入頁面設計中，讓頁面更加美觀和舒適。