背景图像拉伸是指通过 CSS 样式将背景图像拉伸到页面的合适大小，从而使整个页面的背景图像能够被完全覆盖，并且不会影响页面中其他元素的显示。
在 CSS 中，可以使用 `background-size` 属性来控制背景图像的大小。该属性的值包括以下几种：
– `fit`：将图像拉伸到页面的最大尺寸。
– `cover`：将图像拉伸到页面的最大尺寸，并且完全覆盖图像。
– `auto`：在页面上设置一个合适的大小，图像会根据页面的宽度和高度自动调整大小。
– `width`：设置背景图像的宽度。
– `height`：设置背景图像的高度。
使用 `background-size` 属性时，需要注意以下几点：
– 背景图像的大小不能超出页面的宽度和高度。
– 如果设置 `background-size` 属性时没有指定具体的值，那么浏览器会默认使用 `fit` 状态。
– 如果想要让背景图像在页面上滚动，可以使用 `background-size` 属性的 ` scroll-with-overflow` 值。
下面是一个使用 CSS 背景图像拉伸的简单例子：
“`html
</div>
“`css
background-size: cover;
通过使用 CSS 背景图像拉伸，可以使整个页面的背景图像能够被完全覆盖，并且不会影响页面中其他元素的显示。这种技术还可以用于制作动态页面，例如在页面上添加滚动的背景图像。