摘要:
下文讲述使用css实现一个html背景渐变色的效果分享,如下所示;
实现思路: 使用css属性gradient 既可以为background生成一个渐变的颜色值
例:
css实现Html背景色渐变的示例分享
<meta charset="utf-8" /> <style> .d1{ width:500px; height:120px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#336600,endColorStr=#fafafa); /*IE*/ background:-moz-linear-gradient(top,#336600,#fafafa);/*火狐*/ background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#336600), to(#fafafa));/*谷歌*/ background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #336600),color-stop(1, #fafafa));/* Safari & Chrome*/ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#336600', endColorstr='#fafafa'); /*IE6 & IE7*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#336600', endColorstr='#fafafa')"; /* IE8 */ } </style> <p> maomao365.com<br /> 生成一个html渐变的背景 </p> <hr /> <div class="d1"></div>