CSS自適應背景圖片是一種很實用的技術，可以讓我們的網(wǎng)頁適應不同的屏幕尺寸。下面我們就來介紹如何實現(xiàn)。

/* 假設我們要設置一個類名為bg的div元素的背景圖片 */
.bg {
background-image: url(背景圖片的地址);
background-size: cover; /* 圖片自適應div元素的大小，保留圖像比例，不拉伸 */
background-position: center center; /* 圖片垂直水平居中 */
}

接下來我們來解析這段代碼：

首先我們給要設置背景圖片的元素添加了一個類名bg。

.bg { }

然后我們設置了這個元素的背景圖片，將圖片地址寫在url中。

background-image: url(背景圖片的地址);

接下來，我們設置了背景圖片的大小，使用cover屬性可以讓圖片自適應元素的大小，保留圖像比例，不拉伸。

background-size: cover;

然后，我們設置了背景圖片垂直水平居中。

background-position: center center;

當我們的網(wǎng)頁在不同的屏幕上查看時，背景圖片大小會自適應屏幕大小，達到更好的效果。

總結一下：CSS自適應背景圖片是一種很實用的技術，可以讓我們的網(wǎng)頁適應不同的屏幕尺寸，同時代碼也非常簡單，只需要設置背景圖片地址和背景大小、位置即可。