通过CSS实现的html背景色渐变
导读：收集整理的这篇文章主要介绍了通过CSS实现的html背景色渐变，觉得挺不错的，现在分享给大家，也给大家做个参考。 效果截图： 实现代码： 复制代码代码如下: <!DOCTYPE htML PubLIC "-//W3C//D...
收集整理的这篇文章主要介绍了通过CSS实现的html背景色渐变，觉得挺不错的，现在分享给大家，也给大家做个参考。 效果截图： 实现代码：
复制代码代码如下:
!DOCTYPE htML PubLIC "-//W3C//DTD XHTML 1.0 TransITional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html>
head>
title> /title>
style type="text/css">
.linear{
width:100%;
height:600px;
FILTER: PRogid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=##15A216,endColorStr=#fafafa); /*IE*/
background:-moz-linear-gradient(top,#15A216,#fafafa); /*火狐*/
background:-webkit-gradient(linear, 0% 0%, 0% 100%,From(#15A216), to(#fafafa)); /*谷歌*/
background-image: -webkit-gradient(linear,left bottom,left top,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 */
}
/style>
/head>
body>
div class="linear"> /div>
/body>
/html>
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 通过CSS实现的html背景色渐变
本文地址： https://pptw.com/jishu/587998.html