线性渐变：

属性：linear-gradinet(开始位置 角度，起始颜色，终止颜色 )

开始位置：渐变开始的位置，属性值可以为百分比/长度/left、right、top、bottom（可组合使用）

角度：渐变终止方向的角度，当开始位置为数值或百分比时候可用

起始颜色......

终止颜色......

重复渐变将属性修改为：repeating-linear-gradinet()

径向渐变(放射渐变)：

属性：radial-gradinet()(形状 发散方向，起始颜色，终止颜色)

形状:ellipse（椭圆）/circle（圆形）

发散方向：属性值可以为left、right、top、bottom、center（可组合使用）

大小(半径)：属性值可用像素或关键字表示

closest-side:圆心到距离最近的边

farthest-side:圆心到距离最远的边

closest-corner：圆心到距离最近的角

farthest-corner：圆心到距离最远的角

起始颜色......

终止颜色......

重复的径向渐变：repeating-radial-gradinet(）