CSS背景圖片寬度100%顯示的方法

在CSS中，設置背景圖片的寬度為100%顯示，可以通過以下步驟實現：

1、使用CSS的background-image屬性來設置背景圖片。

body {
  background-image: url('your-image-url-here');
}

2、將背景圖片的寬度設置為100%，這可以通過background-size屬性來實現。

body {
  background-image: url('your-image-url-here');
  background-size: 100% 100%;
}

上述代碼中，100% 100%表示將背景圖片的寬度和高度都設置為100%，如果你只想設置寬度為100%，并保持原始高度，可以使用以下代碼：

body {
  background-image: url('your-image-url-here');
  background-size: 100% auto;
}

3、確保你的HTML元素（如div、section等）的寬度足夠寬，以便背景圖片能夠水平填充。

<div style="width: 100%;">
  <!-- 內容 -->
</div>

通過上述步驟，你可以確保CSS背景圖片在網頁上寬度為100%顯示。