background:linear-gradient()

   文章一   http://www.runoob.com/css3/css3-gradients.html

  文章二：http://www.w3cplus.com/content/css3-gradient

自己试验一点：

e.g: background:linear-gradient(90deg,red 20%,blue 40%,yellow 50%,green 60%)的含义解释：　

１：90deg表示从左往右（等同于to right），0deg表示从下往上（to top)

2：颜色可以任意多个，中间的百分比（或者用长度也行）表示颜色位置，具体的本例含义经测试理解如下：

     从开始到20%位置处为纯红色，20%-40%处为红蓝渐变（40%处为纯蓝色），40%-50%处为蓝黄渐变区域（50%处是纯黄），50%-60%为黄绿渐变区域，60%之后到结束为纯绿色。

    如果后面的颜色百分比小于前面的，则后面的数字无效，其大小按照前面的那个数字计算。（如50%如果变为30%，则此30%无效，将会按照40%计算）。

 

P.S.  以后这种细节性的东西在闲暇时再研究，不能浪费时间和精力在这上面（现在深深的感觉到精力有限啊）。GO