css3颜色渐变

background-image:linear-gradient()

参数：

第一个参数:指定渐变方向，可以用“角度”的关键词或“英文”来表示：

第一个参数省略时，默认为“180deg”，等同于“to bottom”。

第二个和第三个参数，表示颜色的起始点和结束点，可以有多个颜色值。

css代码：

#box{
    width:200px;
    height:50px;
    background-image:linear-gradient(to bottom,red,blue,green,yellow,pink,skyblue,orange);
}

效果：