background-image
属性可以设置以下类型的背景图像:
url()
函数来指定一个背景图像的 URL,例如:background-image: url("image.jpg");
linear-gradient()
或 radial-gradient()
函数来创建渐变背景图像,例如:background-image: linear-gradient(to bottom, #00ff00, #0000ff);
image-set()
函数来设置一组备选的背景图像,浏览器会根据设备的分辨率选择最佳的图像,例如:background-image: image-set("image.jpg" 1x, "image@2x.jpg" 2x);
此外,background-image
属性还支持其他一些值,例如:none
、inherit
、initial
、revert
、unset
。
关键词:background-image
、url()
、linear-gradient()
、radial-gradient()
、image-set()
、none
、inherit
、initial
、revert
、unset
。