颜色渐变 百分比

       很多新手设置渐变颜色会使他们相加为100%，其实不必。

#box {

            margin: 15px;

            width: 280px;

            height: 200px;

            color: #555454;

            border: 1.5px #E6E6E6 solid;

            background:linear-gradient(#CDCDFF 1%,white 20%);

        }

渐变默认垂直向下，不同渐变变化方向如下：

background: linear-gradient(to top,blue,pink,red);
 
background: linear-gradient(to left,blue,pink,red);
 
background: linear-gradient(to right,blue,pink,red);