CSS线性渐变，径向渐变

线性渐变：

background-image: linear-gradient(to bottom,red 0px,yellow 100px);

参数对应：

线性渐变的开头：渐变的方向，可选值：to top,to bottom,to left, to right,xxdeg(度数)，xxturn(表示圆)

第二个元素，表示渐变开始的颜色，和开始渐变的位置，可以省略位置

第三个元素是渐变结束的颜色，和出现的位置，也可省略位置

可以有多个颜色渐变，默认情况下均匀分布，也可以手动分别。

 background-image: repeating-linear-gradient(to bottom,red,yellow);

 

 

可以用来平铺线性渐变

径向渐变：

background-image: radial-gradient(circle at center center,red,yellow );

 

 

background-image: radial-gradient(大小 at 圆心位置,颜色 位置,颜色 位置，颜色  位置);

大小：circle圆，ellipse椭圆，closest-side近边，closest-corner近角，farthest-side远边，farthest-corner远角