在網頁設計中，背景圖片是一個非常重要的元素。合適的背景圖片可以增強網頁的美感，使整個網頁更加生動、動感。但是，很多時候我們會遇到背景圖片寬度不夠、無法鋪滿整個網頁的問題。那該如何擴充背景圖片的寬度呢？

background-size: cover;

在CSS中，我們可以使用background-size屬性來控制背景圖片的大小。其中，cover是一個常用的取值，它可以讓背景圖片按比例縮放，使之完全覆蓋父元素，并且不會拉伸或失真。

background-size: 100% auto;

如果cover不適合當前的背景圖片，我們還可以使用另外一種方法來擴充背景圖片的寬度。我們可以將background-size設置為100% auto，這樣就能讓背景圖片的寬度鋪滿整個父元素。如果圖片的高度不夠，就會出現留白的情況。

background-repeat: repeat-x;

除了以上兩種方法，還可以使用background-repeat屬性來實現背景圖片寬度的擴充。當設置為repeat-x時，背景圖片將會水平重復鋪滿整個父元素，從而實現寬度的擴充。

不同的方法適用于不同的場景，我們可以根據實際情況來選擇適合的方法。在網頁設計中，掌握好背景圖片的使用技巧，可以讓整個網頁更加美觀、生動，給用戶帶來更好的使用體驗。