巧用CSS制作特效艺术字(7例)

　2008-10-20 19:30:45　来源：WEB开发网　闂侀潧妫撮幏锟�

婵犫拃鍛粶闁靛洤娲ㄩ埀顒佺⊕閵囩偟绱為敓锟�闂侀潧妫撮幏锟�　　闂佺ǹ绻楀▍鏇㈠极閻愬搫绾ч柕濠忕細閼割亜顪冪€ｎ剙浠ф繛鍫熷灥椤曘儵顢欓悡搴ば�

核心提示：1.blur滤镜效果:代码如下： <TABLE height=50 width="100%" align=center border=0><TBODY><TR><TD style="FILTER: blur(direction=135,streng

1.blur滤镜效果:

代码如下：

<TABLE height=50 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: blur(direction=135,strength=8)" align=middle><FONT face=黑体 color=#8c96b5 size=6><B><I>欢迎光临互联友吧的博客！</I></B></FONT></TD></TR></TBODY></TABLE>

2.dropshadow滤镜效果:

代码如下：

<TABLE height=50 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: dropshadow(color=#B4BBCF,offx=6,offy=6,positive=1)" align=middle><FONT face=黑体 color=#8c96b5 size=6><B><I>欢迎光临互联友吧的博客！</I></B></FONT></TD></TR></TBODY></TABLE>

3.glow滤镜效果

代码如下：

<TABLE height=50 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: glow(color=#B4BBCF,strength=5)" align=middle><FONT face=黑体 color=#8c96b5 size=6><B><I>欢迎光临互联友吧的博客！</I></B></FONT></TD></TR></TBODY></TABLE>

4.两种滤镜.shadow和alpha效果:

代码如下：

<TABLE height=50 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=100,finishiopacity=0,style=1)shadow(color=#8C96B5,direction=135)" align=middle><FONT face=黑体 color=#8c96b5 size=6><B><I>欢迎光临互联友吧的博客！</I></B></FONT></TD></TR></TBODY></TABLE>

5.两个滤镜mask和shadow效果

代码如下：

<TABLE height=50 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#E1E4EC)shadow(color=#8C96B5,direction=135)chroma(color=#E1E4EC)" align=middle><FONT face=黑体 color=#8c96b5 size=6><B><I>欢迎光临互联友吧的博客！</I></B></FONT></TD></TR></TBODY></TABLE>

6. 用glow滤镜可以做空心字，方法是将字体颜色设置为背景色，

再将glow滤镜的strenght的值设置为1或2即可。

代码如下：

<TABLE height=50 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: glow(color=#8C96B5,strength=2)shadow(color=#B4BBCF,direction=135)" align=middle><FONT face=黑体 color=#e1e4ec size=6><B><I>欢迎光临互联友吧的博客！</I></B></FONT></TD></TR></TBODY></TABLE>

7.

代码如下：

<TABLE height=50 cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: glow(strength=4)mask(color=#E1E4EC)" vAlign=center align=middle height=50><FONT face=Verdana color=#8c96b5 size=6><I><B>欢迎光临互联友吧的博客！</B></I></FONT></TD></TR></TBODY></TABLE>