文字特效代码大全! - o℃ 的浪漫的日志 - 网易博客

点击进入教你玩转博客:从入门到精通+精美素材！

一、删除线 删除线 代 码 如 下: <FONT style="TEXT-DECORATION: line-through">文字内容</FONT>   二、文字顶部加横线 文字顶部加横线 代 码 如 下: <FONT style="TEXT-DECORATION: overline">文字顶部加横线</FONT>   三、带背景字体 带背景字体 代 码 如 下: <FONT style="BACKGROUND-COLOR: #ff0000" color=#00ff00 size=5>带背景字体</FONT>   四、投影效果 投影效果 代 码 如 下: <DIV style="FONT-SIZE: 30pt; FILTER: shadow(color=green, strength=60); WIDTH: 480px"><FONT face=方正粗活意简体 color=#ff0000>文字内容</FONT></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="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN: left">文字内容</DIV>     七、阴影文字 阴影文字 代 码 如 下: <table style="FILTER: dropshadow(color=#ff0000, offx=2, offy=2, positive=2)；"><font color=#fff000 size=5>文字内容</font></table>   八、首字符放大下沉 首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。 代 码 如 下: <DIV style="BORDER: 1px solid; WIDTH: 300px;">  <P style="FONT-SIZE: 12px; LINE-HEIGHT:16px; padding-left:5px;"> <SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 25px; FLOAT: left; COLOR: #f60; LINE-HEIGHT: 32px;">首</SPAN>字符放大下沉示例</DIV>   九、彩色渐变字体 彩色渐变字体 代 码 如 下: <FONT size=6><FONT color=#ff8900>彩</FONT><FONT color=#92c000>色</FONT><FONT color=#00c024>渐</FONT><FONT color=#00c0da>变</FONT><FONT color=#0053ff>字</FONT><FONT color=#4800ff>体</FONT>   十、长尾投影字 长尾投影字 代 码 如 下: <div style="color:red;font-size:25pt;height:1;display:block; filter:progid:DXImageTransform.Microsoft.motionblur(strength=30,add=1,direction=135)"><p align="center">长尾投影字</div>   十一、抛射字体 抛射字体 代 码 如 下: <DIV style="FILTER: shadow(color=#FF9999  , strength=60); WIDTH: 280px; HEIGHT: 70px"><FONT face=华文彩云 color=#ff0000 size=7><B>抛射字体</B></FONT></DIV>   十二、描边中空抛射字 描边中空抛射字 代 码 如 下: <DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 290px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#33ffff>描边中空抛射字</FONT> </DIV>   十三、扭曲字体 扭曲字体 代 码 如 下: <div style="height:1;width:100%;  fontfamily:impact; fontsize:30pt;color:navy;display:block; filter:progid:DXImageTransform. Microsoft.wave(Strength=3)"><p align="center">扭曲字体</div>   十四、波纹字体 波纹字体 代 码 如 下: <DIV style="DISPLAY: block; FILTER: progid:DXImageTransform.Microsoft.wave(Strength=3,freq=5); FONT: 30pt impact; WIDTH: 100%; COLOR: #9900ff; HEIGHT: 1px">波纹字体</DIV>   十五、波浪字体 波浪字体 代 码 如 下: <SPAN style="DISPLAY: block; FONT-SIZE: 30pt; FILTER: wave(add=t,freq=5,lightstrength=5,phase=0,strength=5); COLOR: darkblue; HEIGHT: 1px; TEXT-ALIGN: center">波浪字体</span>   十六、毛绒文字 毛绒文字 代 码 如 下: <SPAN style="DISPLAY: block; FONT-SIZE: 40pt; FILTER: glow(color=red,strength=10); COLOR: blue; HEIGHT: 1px; TEXT-ALIGN: center">毛绒文字</SPAN>   十七、雕塑字体1 雕塑字体 代 码 如 下: <div style="filter:progid:DXImageTransform.Microsoft.emboss(bias=0.5);height:1;font-family:impact;font-size:40pt;background-color:blue"><p align="center">雕塑字体</div>   十八、雕塑字体2 雕塑字体 代 码 如 下: <DIV style="FONT-SIZE: 40pt; FILTER: progid:DXImageTransform.Microsoft.engrave(bias=0.5); FONT-FAMILY: impact; HEIGHT: 1px; BACKGROUND-COLOR: #00ff00"><B>雕塑字体</B></DIV>   十九、重叠字 重叠字 代 码 如 下: <div align="center" style="height:1;font-size:30pt;filter:dropshadow(color=maroon,positive=1);">重叠字</div>   二十、透明效果2 透明效果 代 码 如 下: <DIV style="FONT-SIZE: 40pt; FILTER: alpha(opacity=100,style=1); WIDTH: 221; COLOR: red; LINE-HEIGHT: 100%; HEIGHT: 70" scrollAmount="3"><B>透明效果</b></font> </DIV>