CSS 背景圖像拉伸

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

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

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

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

- `auto`：在頁(yè)面上設(shè)置一個(gè)合適的大小，圖像會(huì)根據(jù)頁(yè)面的寬度和高度自動(dòng)調(diào)整大小。

- `width`：設(shè)置背景圖像的寬度。

- `height`：設(shè)置背景圖像的高度。

使用 `background-size` 屬性時(shí)，需要注意以下幾點(diǎn)：

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

- 如果設(shè)置 `background-size` 屬性時(shí)沒有指定具體的值，那么瀏覽器會(huì)默認(rèn)使用 `fit` 狀態(tài)。

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

下面是一個(gè)使用 CSS 背景圖像拉伸的簡(jiǎn)單例子：

```html