通过CSS样式实现的html背景色渐变效果 _HTML/Xhtml_网页制作

效果截图：
 
实现代码：

复制代码

代码如下：

标题>

.线性{
宽度：100%；
高度：600px；
过滤器：progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=##15A216,endColorStr=#fafafa); /*IE*/
背景:-moz-linear-gradient(top,#15A216,#fafafa);/*火狐*/
背景:-webkit-gradient(线性, 0% 0%, 0% 100%,from(#15A216), to(#fafafa));/*谷歌*/
background-image: -webkit-gradient(线性,左下,左上,color-start(0, #15A216) ,color-stop(1, #fafafa));/* Safari 和 Chrome*/
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15A216', endColorstr='#fafafa') ; /*IE6 & IE7*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15A216', endColorstr='#fafafa')"; /* IE8 */
}

头>

身体>