css background-images属性详情

`background-image` 是 CSS 中用来设置元素背景图片的属性，它可以接受一个或多个 URL 值。当指定多个 URL 值时，浏览器会按照从左到右的顺序依次加载，直到找到可用的图片为止。

`background-image` 的语法如下：

background-image: url("image.jpg");

其中 `url()` 函数用于指定图片的 URL 地址。如果需要指定多个图片，可以使用逗号分隔，例如：

background-image: url("image1.jpg"), url("image2.jpg");

此外，`background-image` 还有一些其他的可选属性，包括：

- `background-repeat`：指定背景图片是否重复。默认值为 `repeat`。
- `background-position`：指定背景图片的位置。默认值为 `0 0`。
- `background-size`：指定背景图片的尺寸。默认值为 `auto`。
- `background-origin`：指定背景图片的起点位置。默认值为 `padding-box`。
- `background-clip`：指定背景图片的裁剪范围。默认值为 `border-box`。
- `background-attachment`：指定背景图片是否随着页面滚动。默认值为 `scroll`。

这些属性可以与 `background-image` 一起使用，例如：

background-image: url("image.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;

这段代码将设置元素的背景图片为 `image.jpg`，并让它居中显示，不重复，同时尽可能地覆盖整个元素区域。