线性渐变

语法：background:linear-gradient(方向，开始颜色，结束颜色)

linear:线性的；gradient：坡度

1.颜色从上到下（默认方向）

background: linear-gradient(red, blue);

2.颜色从左到右

background: linear-gradient(to right, red, blue);

3.颜色从左上到右下

background: linear-gradient(to right bottom, red, blue);

4.自由角度

background: linear-gradient(70deg, red, blue);

多个颜色混合，百分比写法

background: linear-gradient(90deg, pink,red 20%, blue 40%, green 60%,yellow);

等价于：

background: linear-gradient(90deg, pink 0%,red 20%, blue 40%, green 60%,yellow 100%);

第一个颜色默认0%，最后一个颜色默认100%

background: linear-gradient(90deg,red 20%, blue 40%);

0%到20%红色，20%到40%为红蓝渐变色，40%到100%为蓝色

重复渐变

background: repeating-linear-gradient(90deg, red, blue 25%, red 50%);