SimplifiedCss3-linear-gradientconceptCSSlinear-gradient()函数创建一个表示颜色线性渐变的。简单的说，只要元素使用linear-gradient，就相当于一张图片。即：background:linear-gradient(...params)~=background:url(...image)所以它只能在有图像的地方使用。如：背景、背景图像。请勿将其用作颜色等样式中的颜色。为了简单起见，将仅讨论最常见的一种使用方法。背景：线性渐变（角度[角度]，颜色停止[开始颜色]，颜色停止[结束颜色]）；principleangle描述了渐变的方向，单位为deg，其有效角度值为0-360deg。默认值为180度。几种常用的渐变角度为：从下到上：0deg从上到下：180deg从左到右：90deg从右到左：270deg如下图：角度的取值实际上是从顶部中心方向开始.时针旋转的角度。0deg可以看作是上图中垂直指向顶部的黑色虚线。这里我们需要了解一下渐变线的概念：渐变线是由包含渐变图形的容器的中心点和一个角度来定义的。渐变线上的颜色值由不同的点定义，包括起点、终点，以及两者之间可选的中间点（可以有多个中间点）。图中显示了一条穿过矩形中心的45deg渐变线。它的起点是垂直于渐变线的红点，终点是起点对应的反射点，也就是图中的绿点。不用多说，都在图里。例10deg蓝色开始，红色结束背景：linear-gradient(180deg,blue,red);245deg蓝色开始，红色结束背景：linear-gradient(45deg,blue,red);参考MDN-linear-gradient
