线性渐变，径向渐变

!-- 线性渐变

background:linear-gradient(方向 颜色1，范围1 颜色2 范围2...)

to right 从左向右

从上到下(默认)

to left 从右向左

tp top 自下往上

to bottom 自上往下

to right bottom 从左上到右下

to left bottom 从右上到左下

to left top 从右下到坐上

to right to 从左上到右下

2度数：

0deg 相当于 to top

90deg 相当于 to right

3百分比：

重复性线性渐变：

background：repeating-linear-gradient(

方向 颜色1 范围， 颜色2，范围，

)

径向渐变：

从一个点向四周渐变

语法：background:radial-gradient(渐变的形状， 颜色1 范围1，颜色2， 范围2...)

渐变的形状：椭圆 ellipse 默认值 圆circle