渐变

div{background: linear-gradient(方向,方向,颜色,颜色);}
//div{background: -webkit-linear-gradient(left,black,red);}从左到右渐变
//div{background: -webkit-linear-gradient(top,black,red);}从上到下渐变
//div{background: -webkit-linear-gradient(top,left,black,red);}从左上到右下渐变

div{background: -moz-linear-gradient(top,black,red);}兼容火狐
div{background: -webkit-linear-gradient(top,black,red);}兼容谷歌
div{background: -ms-linear-gradient(top,black,red);}目前兼容IE10及以上
div{background: linear-gradient(top,black,red);} //css3的属性
div{filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=black,endColorstr=red)";}
//filter为IE私有css样式，此渐变效果兼容IE8、9及以上,此处渐变效果从上到下