css实现背景颜色渐变的代码

语法：

background: linear-gradient(渐变的起始位置， 起始颜色， 结束颜色);
background:-webkit-linear-gradient(渐变的起始位置， 颜色 位置， 颜色位置....)；

代码1：

background: linear-gradient(top, red, green);
background: -webkit-linear-gradient(top, red, green);
background: -moz-linear-gradient(top, red, green);

展示效果如下：

代码2：

background: -webkit-linear-gradient(top, red 0%, green 20%, blue 80%);
background: -moz-linear-gradient(left, red 0%, green 50%, skyblue 80%,  hotpink 100%);

展示效果如下：