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
}