CSS作為網頁樣式設計的重要組成部分，其功能之一就是設定背景圖，并且可以通過不同的方式來控制背景圖的表現。本文將著重介紹如何設置背景圖拉伸。

一般情況下，CSS中的背景圖樣式包括background-image、background-position、background-color、background-repeat以及background-size等屬性，其中background-size屬性就可以控制背景圖的尺寸，實現拉伸或縮放的效果。

在使用background-size屬性時，有兩種常見的屬性值可以控制背景圖的拉伸效果，分別是cover和contain。其中cover表示拉伸背景圖以填充整個容器，保持背景圖比例不變，同時可能將部分背景圖裁切；而contain表示縮放背景圖以適應容器，同時保持背景圖比例不變，但不會裁切背景圖。

/*cover示例*/
div {
background-image: url("bg.jpg");
background-size: cover;
}
/*contain示例*/
div {
background-image: url("bg.jpg");
background-size: contain;
}

除了使用cover和contain這兩個屬性值，也可以通過background-size的具體數值來實現背景圖的拉伸或縮放效果。例如，可以將該屬性值設置為100% 100%，表示將背景圖拉伸到填充整個容器，同時保持背景圖比例不變。當然，在具體實現時也可以根據實際需求來設置不同的屬性值，以達到最佳效果。

總之，在使用CSS設置背景圖時，合理地運用background-size屬性可以實現背景圖的拉伸效果，從而更好地適應不同尺寸的容器。同時，必須注意選擇合適的背景圖，以免拉伸過度或失真，影響頁面效果。