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

寒情博客

http://8-com.blog.163.com

 
 
 

日志

 
 

文字特效代码大全  

2009-12-29 01:14:54|  分类: 〓博客教程〓 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
一、删除线
删除线
代 码 如 下:<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>

代码基本综合属性分析

color=66FF33  颜色代码  可参见HTML颜色代码表更改颜色

size=2  字体大小代码 更改数值改变字体大小

FONT-SIZE: 30pt 字体大小代码 更改数值改变字体大小

FONT-FAMILY: 华文行楷  字体代码  改变字体描述更改字体

实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 滚动条框制作方法与代码 实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 颜色代码查询器(制博必备)
实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 一分钟学会查找音乐地址 实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 清明上河图版本大全
实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 表格链接的基本样式与代码 实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 彩色闪字教你做
实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 表格边框的特殊效果(一) 实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 表格边框的特殊效果(二)
实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 文字特效代码大全 实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 图片特效代码大全
实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 移动文字全都汇 实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 如何在博客上安置时钟
实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 滚动条框样式与代码(四) 实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 实用表格样式与代码汇总
博客技巧 电脑学堂 素材基地 清明上河图版本大全 - 寒情 - 8-com 的博客 软件学院 音画视听 精彩图酷
博客代码 书画艺术 游戏大厅 精美边框 顶栏模版 时钟超市
flash素材 影音素材 查看关于本站的更多信息搏客顶栏动态图片(一) - Q仔 - Q仔*网易博客 经典摘录 收藏本站
如果你喜欢此日志,请点击日志左下方的“推荐”,
让大家分享,也算是对寒情的支持,谢谢!
  评论这张
 
阅读(6964)| 评论(27)
推荐 转载

历史上的今天

评论

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

页脚

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