渐变

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及以上,此处渐变效果从上到下