在CSS中,background-image属性用于设置元素的背景图像。这个属性可以接受多种类型的值,包括:
URL值:通过指定图像的URL路径来设置背景图片,如:background-image: url("example.jpg");
线性渐变值(Linear Gradient):使用CSS渐变来创建平滑过渡效果的背景图片,如:background-image: linear-gradient(to bottom, #FFFFFF, #000000);
径向渐变值(Radial Gradient):创建以某一点为中心,按照半径渐变的背景图片,如:background-image: radial-gradient(circle, #FFFFFF, #000000);
图像集值(Image-set):表示一组备选的背景图片,浏览器会根据设备的显示能力自动选择最佳的图像进行展示,如:background-image: image-set(url("example.jpg") 1x, url("example@2x.jpg") 2x);
需要注意的是,background-image属性只能设置一张背景图片,如果需要设置多个背景图片,可使用background属性将它们合并起来。关键词包括:URL值、线性渐变值、径向渐变值、图像集值、background属性。