Question

background-image属性是什么？

Answer 1

background-image属性为元素设置背景图像。

background-image属性用于为元素设置一个或多个背景图像，多个背景图像使用逗号来分隔。各个背景图像以堆叠的方式逐张放置在元素的上面。

在各个背景图像层中，第一个图像层最接近屏幕前的观察者。元素的边框会被绘制在背景图像的上面，而元素的background-color（背景颜色）则会被绘制在所有背景图像的下面。

background-image属性值模式

background-image的属性值模式就是用来给它加“特技”的。它的值模式有：

1、url()模式；

2、linear-gradient()模式；

3、repeating-linear-gradient()模式；

4、radial-gradient()模式；

5、repeating-radial-gradient()模式；

6、none特殊值。

除了url()模式，其他模式在其他的文章中都有过详细的介绍，如果不知道，出门左转。下面我来讲讲url()模式。和image标签中的src写法类似，url()中可以写绝对路径，也可以写相对路径，甚至也可以写其他域名下的图片资源。另外url()中的路径加不加引号也无所谓。