CSS背景圖上下中間拉伸，是在網頁設計中常用的一種樣式效果。它可以讓背景圖像在不改變寬高比的情況下，根據內容的高度自適應拉伸。下面我們來看一下它的實現方法：

.background {
background-image: url(images/bg.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center center;
}

這段CSS代碼中，我們設置了以下屬性：

• background-image：指定了背景圖片的路徑和文件名。
• background-size：將背景圖像的寬度設置為100%，高度自適應。
• background-repeat：防止背景圖像重復出現。
• background-position：將背景圖像定位在容器的中間。

在HTML中，我們將這個樣式應用到一個具有高度的容器上：

這里是容器內的內容

當這個容器的內容高度改變時，背景圖像就會自動根據高度進行拉伸。因此，這種方法非常適用于那些容器高度變化比較大的頁面上。