滤镜

1.给文字加阴影

 

h1 { float: left; text-indent:0em; text-shadow:black 2px 2px 2px;  filter: dropshadow(OffX=2, OffY=2, Color='black', Positive='true');

 

2.用Javascript和CSS去掉链接中的虚线框和下划线

 

在链接标签中添加onFocus="if(this.blur)this.blur()"这句代码即可屏蔽点击时四周出现的虚线框，如：
<A href="http://www.cce.com.cn" onFocus="if(this.blur)this.blur()"& gt;中国电脑教育报</a>

 

3.删除链接上的虚线框
a:active, a:focus { outline:none; }

 

4.中文描边效果

body {   

     font:12px "Verdana";   

     filter:alpha(style=1,startY=0,finishY=100,startX=100,finishX=100);   

     background-color:#ccc;   

}   

.sizscolor {   

     font-size:14px; font-weight:bold;   

     position:absolute;   

     padding:4px;   

     filter:   

         Dropshadow(offx=1,offy=0,color=white)   

         Dropshadow(offx=0,offy=1,color=white)   

         Dropshadow(offx=0,offy=-1,color=white)   

         Dropshadow(offx=-1,offy=0,color=white);   

}

 

5.把鼠标放在图片上会出现图片变亮的效果

可以用图片替换的技巧，也可以用如下的滤镜，代码如下：
.pictures img { filter: alpha(opacity=45); }
.pictures a:hover img { filter: alpha(opacity=90); }