CSS 背景圖像拉伸

背景圖像拉伸是指通過 CSS 樣式將背景圖像拉伸到頁面的合適大小，從而使整個頁面的背景圖像能夠被完全覆蓋，并且不會影響頁面中其他元素的顯示。

在 CSS 中，可以使用 `background-size` 屬性來控制背景圖像的大小。該屬性的值包括以下幾種：

- `fit`：將圖像拉伸到頁面的最大尺寸。

- `cover`：將圖像拉伸到頁面的最大尺寸，并且完全覆蓋圖像。

- `auto`：在頁面上設置一個合適的大小，圖像會根據頁面的寬度和高度自動調整大小。

- `width`：設置背景圖像的寬度。

- `height`：設置背景圖像的高度。

使用 `background-size` 屬性時，需要注意以下幾點：

- 背景圖像的大小不能超出頁面的寬度和高度。

- 如果設置 `background-size` 屬性時沒有指定具體的值，那么瀏覽器會默認使用 `fit` 狀態。

- 如果想要讓背景圖像在頁面上滾動，可以使用 `background-size` 屬性的 ` scroll-with-overflow` 值。

下面是一個使用 CSS 背景圖像拉伸的簡單例子：

```html