| 订阅 | 在线投稿
分享
 
 
 

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

来源:互联网  宽屏版  评论
2008-10-21 08:21:06

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>

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>
󰈣󰈤
 
 
 
>>返回首页<<
 
 热帖排行
 
 
 
静静地坐在废墟上,四周的荒凉一望无际,忽然觉得,凄凉也很美
©2005- 王朝网络 版权所有