阅读量:2
在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的图片作为元素的背景图片,且不进行重复,居中显示,并且保持铺满元素。