背景颜色渐变

专门做渐变颜色的
这种渐变色，浏览器要当做背景图片解析的，所以应该给background-image
参数1：渐变的方向
to 一个方向
还可以写角度,0deg在正下，值越大，越顺时针旋转
后面的参数是颜色，至少2个颜色，颜色要>=2
第一个颜色后面写一个百分比，代表在什么位置结束
后面的颜色再写百分比，代表在什么位置开始，再写一个同样的颜色写百分比代表在什么位置结束

• 线性渐变

 background-image: linear-gradient(to right,red,blue,green,yellow,hotpink); 
             background-image: linear-gradient(0deg,red,blue);
             background-image: linear-gradient(to right,red 30%,blue 30%,blue 60%, green 60%); 
             background: linear-gradient(to right,red,blue) repeat left top / 150px 100px;

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

/* 线性渐变浏览器是当背景图片来解析了，所以背景图片能用的，它也能用 */

• 径向渐变
  径向渐变：用法跟线性渐变几乎一样
  参数1：圆的大小和圆心的位置
  后面就是写颜色，至少2个颜色

  background-image: radial-gradient(100px at center,red,blue,green);