CSS背景圖片自適應是網頁設計中非常關鍵的部分，通過靈活運用CSS樣式表，我們可以讓網頁背景圖片在不同設備上自適應調整大小和位置。接下來，我們來看看如何運用CSS構建自適應背景圖片。

.background {
background-image: url('example.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}

以上是最常見的背景圖片自適應的CSS樣式表，接下來我們一步步來進行解析和學習。

首先，我們通過 background-image 屬性來指定圖片資源的位置，這里需要注意的是圖片資源的路徑需要正確，否則圖片將無法正常加載。

接下來，我們通過 background-repeat 屬性來指定圖片是否重復，我們可以通過設置 no-repeat、repeat、repeat-x 和 repeat-y 等屬性值來實現不同的效果。

然后，我們通過 background-size 屬性來指定背景圖片的尺寸大小，這里我們可以選擇 cover、contain、auto、100% 等屬性值，根據需要自由調整圖片的大小。

最后，我們通過 background-position 屬性來控制圖片的位置，這里我們可以通過設置 left top、center center、right bottom 等屬性值來實現自定義的圖片位置。

綜上所述，通過巧妙的運用CSS樣式表，我們可以輕松實現背景圖片的自適應和定位調整，讓網頁顯示效果更加美觀和專業。