渐变

渐变：
  渐变是指由两种或者多种颜色之间的平滑过渡，可以指定多个中间颜色值（色标），每个色标包含两个部分，一是颜色二是位置，每个色标的颜色淡出到下一个颜色，以创建平滑的效果，也就是渐变，渐变可以用在任何使用背景图片的地方，渐变分为：线性渐变、径向渐变和重复渐变
  渐变语法：background-image：gradientstyle；取值可以为linear-gradient（线性渐变）、radial-gradient（径向渐变）、repeating-linear-gradient（重复线性渐变）、repeating-radial-gradient（重复径向渐变）;
  linear-gradient(线性渐变)，格式为：background-image：linear-gradient(angle(角度deg，可以是具体的角度，也可以是方向性的单词，如to top、to bottomto、left),color(色标，可以是单独的颜色值，也是可以颜色值和位置的结合：color 0%)，color1，…)；color是色标，要使用渐变，至少要包含两个色标（开始和结束），色标可以是颜色和位置的结合，位置指的是从哪里开始进入下一个颜色；
  radial-gradient(径向渐变)：格式为：
  background-image:radial-gradient(center(可选，指的是渐变的圆心位置，取值可以为数值、百分比或者位置关键字)，color,color,…);