在CSS中，可以使用背景圖（background-image）屬性為元素添加背景圖像，默認(rèn)情況下，背景圖會根據(jù)元素的寬度和高度進行拉伸或壓縮，如果你想讓背景圖在寬度方向上變長，可以通過設(shè)置背景圖的寬度（background-width）來實現(xiàn)。

以下是一個示例，展示如何使用CSS使背景圖在寬度方向上變長：

div {
  background-image: url('path-to-your-image.jpg');
  background-width: 200%; /* 將背景圖的寬度設(shè)置為原始寬度的200% */
  background-position: center; /* 確保背景圖居中顯示 */
}

在這個示例中，div元素的背景圖會被拉伸到原始寬度的200%。background-position: center;確保背景圖在元素中居中顯示，避免出現(xiàn)偏移。

這種方法僅適用于背景圖在寬度方向上的變化，如果你希望在高度方向上變長，可以通過調(diào)整background-height屬性來實現(xiàn)，這種方法也會改變背景圖的原始比例，因此請確保你選擇的背景圖能夠適應(yīng)這種變化，或者選擇適合拉伸的圖片。

CSS還支持使用background-size屬性來同時設(shè)置寬度和高度，

div {
  background-image: url('path-to-your-image.jpg');
  background-size: 200% 100%; /* 將背景圖的寬度設(shè)置為200%，高度設(shè)置為100% */
  background-position: center;
}

在這個示例中，背景圖的寬度會被拉伸到原始寬度的200%，而高度則保持原始高度，這種方法可以更加靈活地控制背景圖的尺寸和位置。