注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

xiaoyao330101315的博客

努力了◆.蔠宥⒈兲﹌許丅鍀願朢僦會實現.﹖

 
 
 

日志

 
 

【转载】文字特效代码大全!  

2012-12-16 16:12:44|  分类: 电脑知识 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自o℃ 的浪漫《文字特效代码大全!》

文字特效代码大全! - 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>

 

文字特效代码大全! - o℃ 的浪漫 - し梦の飘渺.......返回首页

  评论这张
 
阅读(49)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017