CSS中background-image属性详解

在CSS中，background-image属性用于设置元素的背景图片。它可以接受以下值：

url(‘image.jpg’)：指定一个图片的URL路径作为背景图片。none：表示没有背景图片。linear-gradient()：用于创建线性渐变背景。radial-gradient()：用于创建径向渐变背景。repeating-linear-gradient()：用于创建重复的线性渐变背景。repeating-radial-gradient()：用于创建重复的径向渐变背景。

使用background-image属性时，可以同时设置background-repeat、background-position、background-size等属性来控制背景图片的重复、位置和尺寸。

例如，可以通过以下代码将一个背景图片应用到元素上：

.element {  background-image: url('image.jpg');  background-repeat: no-repeat;  background-position: center;  background-size: cover;}

上述代码会将名为image.jpg的图片作为元素的背景图片，且不进行重复，居中显示，并且保持铺满元素。