background-image 是CSS属性之一，用于设置元素的背景图像。它允许你在元素的背景上显示一张或多张图像。
下面土嘎嘎小编分享 background-image 属性的介绍和使用代码示例：
〓〓css代码如下：〓〓
.element {
background-image: url("image.jpg");
}
在上面的示例中， url("image.jpg") 指定了要用作背景图像的文件路径或URL。你可以在这里指定任何支持的图像格式（例如JPEG、PNG、SVG等）。
你还可以为元素的背景指定多个图像，以创建叠加效果：
〓〓css代码如下：〓〓
.element {
background-image: url("image1.jpg"), url("image2.png");
}
这个示例将 element 元素的背景设置为同时包含两张图像。第一张图像是 image1.jpg ，第二张图像是 image2.png 。图像按照设置的顺序叠加在一起。
除了使用单个图像或多个图像外， background-image 属性还支持其他属性值和函数，用于控制图像的重复、位置、尺寸等：
〓〓css代码如下：〓〓
.element {
background-image: url("image.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
这个示例设置了背景图像的重复方式为不重复（ no-repeat ），位置为居中（ center ），尺寸为覆盖整个元素（ cover ）。
通过这些属性值和其他相关属性，你可以根据需要自定义元素的背景图像样式，以创建各种视觉效果。