background-image
属性可以设置以下类型的值:
URL:使用图片的URL作为背景图像。例如:background-image: url("example.jpg");
渐变(Gradient):使用CSS渐变作为背景图像。例如:background-image: linear-gradient(to bottom, #000000, #ffffff);
全局关键词(Global keywords):使用全局关键词作为背景图像,如:inherit
、initial
、unset
等。
元素引用(Element reference):使用其他HTML元素作为背景图像,如:background-image: element(#myCanvas);
其中,渐变是比较常用的背景图像类型之一,可以设置线性渐变(linear-gradient)和径向渐变(radial-gradient),可以通过设置渐变的起点、终点、颜色、方向等参数来实现不同的效果。