语法如下:
.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