时间:2016-01-23 12:35 来源: 我爱IT技术网 作者:佚名
本文所分享的知识点是【通过CSS实现的html背景色渐变】，欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略，下面是详细的讲解。
通过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);
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));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15A216', endColorstr='#fafafa');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15A216', endColorstr='#fafafa')";
}
</style>
</head>
<body>
<div class="linear"></div>
</body>
</html>
关于通过CSS实现的html背景色渐变的相关讨论如下：
相关问题：css如何实现网页背景的对角渐变效果
答：目前的css标准无法达到渐变效果只能使用图片 你发的例子是用了IE的私有滤镜 只能在IE浏览器上达到效果 其他的浏览器都无法正常浏览 ， 想实用的话 很简单 ，在 css添加 body {filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=... >>详细
相关问题：各位HTML高手 请问一下这样有点无规矩的渐变的背景...
答：css3 有个渐变 挺适合你用的 .linear{ width:1260px; margin:0 auto; height:100%; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=red); /*IE 6 7 8*/ background: -ms-linear-gradien... >>详细
相关问题：怎样调用不同的css实现所有的html页面更换背景色
答： 把这段代码放到文件头head里面就可以了。 当然你自己的css文件路径要写清楚 打字不容易，感觉ok就给个好评采纳吧，谢谢。。。。。 >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-