| 導購 | 订阅 | 在线投稿
分享
 
 
 

巧用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>
󰈣󰈤
 
 
 
>>返回首頁<<
 
 
 
 
 熱帖排行
 
王朝網路微信公眾號
微信掃碼關註本站公眾號 wangchaonetcn
 
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有