background-image 是 CSS 中用于设置元素背景图像的属性。通过这个属性,你可以为元素指定一个或多个背景图像。背景图像可以是 URL、渐变(gradient)或预定义的图像名称。

语法如下:
.element {
  background-image: value;
}

其中 value 可以是一个图像的 URL,一个渐变函数,或者一个预定义的图像名称。

示例:
.element {
  background-image: url('background-image.jpg'); /* 图像的 URL */
}

.gradient-element {
  background-image: linear-gradient(to right, #ff7e5f, #feb47b); /* 渐变背景 */
}

.icon-element {
  background-image: url('icon.png'); /* 图像的 URL */
}

在这个例子中,.element 元素的背景图像是通过 URL 指定的 'background-image.jpg' 图像。.gradient-element 元素使用 linear-gradient 渐变函数创建一个从 #ff7e5f 到 #feb47b 的水平渐变背景。.icon-element 元素的背景图像是通过 URL 指定的 'icon.png' 图像。

通过使用 background-image,你可以为元素添加背景图像,以美化页面或为元素提供更多的信息。


转载请注明出处:http://www.zyzy.cn/article/detail/4113/CSS