14种特效文字效果

车轱辘收藏馆 2011-07-28

展开全文

14种特效文字效果

代码：

<FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 30pt; FONT-WEIGHT: normal" color=#33ffff face=华文彩云> 此处输入文字</FONT>
<DIV></DIV>

空心字效果

代码：

<DIV align=center>
<DIV style="FONT-SIZE: 53px; FILTER: dropshadow(color=FFFF00, offx=10, offy=10, positive=10); WIDTH: 518px; COLOR: #4d6df3; FONT-FAMILY: Arial; POSITION: relative; HEIGHT: 84px">
<P align=left><FONT face=华文行楷><STRONG>此处输入文字</STRONG></FONT></P></DIV></DIV>
<P> </P>

双层字效果

代码：

<DIV style="FONT-SIZE: 30pt; FILTER: shadow(color=green, strength=60); WIDTH: 286px; HEIGHT: 70px">
<DIV align=left><FONT face=方正粗活意简体 color=#ff0000> <WBR> <WBR> <WBR> 此处输入文字</FONT></DIV></DIV>

投影效果

代码：

<TABLE cellSpacing=0 cellPadding=0 align=center
background=图片地址 border=0>
<TBODY><TR>
<TD style="FILTER: chroma(color=#267db2"><TABLE bgColor=#000000>
<TBODY><TR><TD align=middle>
<FONT style="FONT-SIZE: 45pt"
face=隶书 color=#267db2><B>此处输入文字
</B></FONT></TD></TR>
</TBODY></TABLE>
</TD></TR></TBODY></TABLE>

图片嵌入文字

代码：

<DIV style="DISPLAY: block; FONT-SIZE: 25pt; FILTER: progid:DXImageTransform.Microsoft.motionblur(strength=30,add=1,direction=135); WIDTH: 279px; COLOR: red; HEIGHT: 64px">
<P align=center>此处输入文字</P></DIV>

长尾投影字效果

代码：

<FONT color=#ffc20e>
<DIV style="FILTER: shadow(color=#FF9999 , strength=60); WIDTH: 302px; HEIGHT: 144px"><FONT face=华文彩云 color=#ff0000 size=7><B> 此处输入文字</B></FONT></DIV></FONT>

抛射字体

代码：

<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 320px; HEIGHT: 46px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#33ffff> 此处输入文字</FONT> </DIV>

描边中空抛射字

代码：

<DIV style="DISPLAY: block; FILTER: progid:DXImageTransform.Microsoft.wave(Strength=3); WIDTH: 85.52%; COLOR: navy; HEIGHT: 80px; fontfamily: impact; fontsize: 30pt">
<P align=center><A href="http://8-com.blog.163.com/blog/static/1352090222009112411815268/" target=_blank><FONT color=#fbd0b3 size=6>此处输入文字</FONT></A></P></DIV>

扭曲字体效果

代码：

<DIV style="DISPLAY: block; FILTER: progid:DXImageTransform.Microsoft.wave(Strength=3,freq=5); FONT: 30pt impact; WIDTH: 97.64%; COLOR: #9900ff; HEIGHT: 78px">
<DIV align=center><FONT size=7>此处输入文字</FONT></DIV></DIV>

波纹字体

代码：

<SPAN style="DISPLAY: block; FONT-SIZE: 30pt; FILTER: wave(add=t,freq=5,lightstrength=5,phase=0,strength=5); WIDTH: 274px; COLOR: darkblue; HEIGHT: 57px; TEXT-ALIGN: center">
<DIV align=center><FONT color=#22b14c size=6>此处输入文字</FONT></DIV></SPAN>

波浪字体效果

代码：

<DIV align=left><SPAN style="DISPLAY: block; FONT-SIZE: 35pt; FILTER: glow(color=red,strength=7); WIDTH: 225px; COLOR: blue; HEIGHT: 78px; TEXT-ALIGN: center"><FONT style="FONT-SIZE: 32px" color=#fff200>此处输入文字</FONT></SPAN></DIV>

毛绒文字效果

代码：

<DIV style="FONT-SIZE: 40pt; FILTER: progid:DXImageTransform.Microsoft.emboss(bias=0.5); WIDTH: 296px; FONT-FAMILY: impact; HEIGHT: 102px; BACKGROUND-COLOR: blue">
<P align=center>此处输入文字</P></DIV>

雕塑字体

代码：

<DIV style="FONT-SIZE: 30pt; FILTER: dropshadow(color=maroon,positive=1); WIDTH: 235px; HEIGHT: 120px" align=center>
<DIV align=left>此处输入文字</DIV></DIV>

重叠字效果

代码：

<DIV style="FONT-SIZE: 40pt; FILTER: alpha(opacity=100,style=1); WIDTH: 280px; COLOR: red; LINE-HEIGHT: 100%; HEIGHT: 70px" scrollAmount="3">
<DIV align=left><B><FONT style="FONT-SIZE: 40px">此处输入文字</FONT></B></FONT> </DIV></DIV>

透明字效果

◆不会使用代码的,请点这里 博客入门--新浪博客代码怎么用