CSS3 控制网页背景色渐变

我们先来看一下bootstrap中文官网上背景渐变风格：

源码如下，兼容了不同浏览器,都进行了注释，方便了解，具体语法大家可自行查阅。

.jumbotron {

background: #020031; //其它

background: -moz-linear-gradient(45deg,#020031 0,#6d3353 100%); //firfox

background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#020031),color-stop(100%,#6d3353)); //Safari 4-5, Chrome 1-9

background: -webkit-linear-gradient(45deg,#020031 0,#6d3353 100%); //Safari5.1 Chrome 10

background: -o-linear-gradient(45deg,#020031 0,#6d3353 100%); //opera11.10+

background: -ms-linear-gradient(45deg,#020031 0,#6d3353 100%); //IE10

background: linear-gradient(45deg,#020031 0,#6d3353 100%); //标准写法

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#020031, endColorstr=#6d3353, GradientType=1); //IE 6 7 8

}