CSS 渐变可以通过 linear-gradient() 函数实现，该函数至少需要定义两种颜色。1
定义渐变
- 基础渐变：使用
linear-gradient() 函数，指定两种颜色即可创建基础渐变。1
- 多色渐变：可以添加任意数量的颜色，默认情况下颜色均匀分布在渐变路径中。1
控制渐变
- 渐变方向：通过指定角度或方向关键词（如
to top、to bottom）来控制渐变方向。4
- 色标位置：可以使用百分比或绝对长度来精确控制每个色标的位置。1
应用渐变
- 背景渐变：渐变可以作为背景图像使用，替代传统的背景图片。1
- 边框渐变：通过
border-image 属性，可以在边框中应用渐变效果。56
示例代码
#gradient-example {
background: linear-gradient(to right, red, yellow);
}
这个示例代码创建了一个从红色到黄色的水平渐变背景。4
