Css样式表之渐变色的实现

最新推荐文章于 2024-03-19 08:30:00 发布

avgk01030117

最新推荐文章于 2024-03-19 08:30:00 发布

阅读量326

点赞数

原文链接：http://www.cnblogs.com/Apollo/archive/2007/03/14/674971.html

版权

      在网页中做渐变色一直是个比较痛苦的事情，又是图片又是背景，现在好了，找了下搜索引擎终于发现其实样式表是可以实现渐变的效果的，以前一直都不知道，诶。

     1、从左到右的渐变：style="FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#0000ff,endColorStr=#fffffff);"

     2、从上到下的渐变：style="FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#0000ff);"

     3、文字的渐变效果：
.FadeLine
{
padding-right: 0px;
border-top: #538f65 2px solid;
padding-left: 0px;
font-size: 22px;
filter: progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=100,finishOpacity=10,startX=10,finishX=100);
padding-bottom: 0px;
margin: 0px;
color: #3366cc;
padding-top: 0px;
}

    呵呵，其实代码是很简单，只是以前一直没有去研究过，哈哈，以后做程序，渐变的图片，就可以直接用这样的CSS代码去实现了，真是好事情那！