现在时间是:2009-01-08 08:01:26
安信达淘宝导购

赞助商链接

  • 申请属于你的免费论坛
  • 度多网-领先的网址引擎
当前位置:首 页 >> HTML教程>> 文章列表
文字特效 htm 代码
作者:daohang   发布时间:2007-10-14 13:53:40   浏览次数:353

<font style="text-decoration:line-through">刪除線</font>
刪除線

<FONT style="BACKGROUND-COLOR: #ffddff">加上背景色</FONT>
加上背景色

<font style="filter:FlipH;height:10pt;">左右翻转效果</font>
左右翻转效果

<font style="filter:FlipV ;height:10pt;">上下翻转效果</font>
上下翻转效果

<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#4A7AC9,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
发光文字效果

<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#FF0000,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
发光文字效果

<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#FF0080,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
发光文字效果

<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#FF8000,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
发光文字效果

<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#008080,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
发光文字效果

<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#0000FF,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
发光文字效果

<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#8000FF,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
发光文字效果

<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#000000,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
发光文字效果

<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#4A7AC9,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp;</FONT>投射阴影文字效果

<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#FF0000,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>
投射阴影文字效果

<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#FF0080,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>
投射阴影文字效果

<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#FF8000,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>
投射阴影文字效果

<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#008080,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>
投射阴影文字效果

<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#0000FF,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>
投射阴影文字效果

<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#8000FF,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>
投射阴影文字效果

<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#000000,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>
投射阴影文字效果

<font style="FILTER:Dropshadow(color=#cccccc,offX=3,offY=3); height=1px">阴影文字效果</font>
阴影文字效果

 

<DIV style="WIDTH: 80px; HEIGHT: 19px; BACKGROUND-COLOR: #cccccc"><FONT style="FILTER: Dropshadow(color=#FFFFFF,offX=1,offY=1); HEIGHT: 15pt" color=#000000>&nbsp;雕刻文字效果</FONT></DIV>

 

雕刻文字效果

 

<DIV style="FONT-SIZE: 14pt; FILTER: Wave(freq=17,strength=3,lightstrength=1,phase=0); WIDTH: 125px; LINE-HEIGHT: 15pt; FONT-FAMILY: Verdana; HEIGHT: 20px" align=left>
<FONT color=#ff8000><STRONG><B>扭曲文字效果</B></STRONG></FONT></DIV>


扭曲文字效果

 阴影:<FONT style="COLOR: #xxxxxx; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>日志文字</B></FONT>
音画学堂


 中文直書:  <div style="writing-mode :tb-rl;width:15px;height:15px">內容擺這</div>
效果:

內容擺這


 上下翻轉: <font style="filter:FlipV ;height:10pt;">顯示效果預覽文字</font>

效果: 顯示效果預覽文字

发光: <FONT style="COLOR: #xxxxxx; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>日志文字</B></FONT>

效果: 音画学堂

光晕效果的代码:<DIV style="FILTER: glow(color=#ff6600,strength=6); COLOR: #000000; HEIGHT: 10px"><FONT size=6>光晕效果</FONT></DIV>

光晕效果---音画学堂

渐变效果代码

<P align=center><FONT style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=1);WIDTH:100%; COLOR:red;LINE-HEIGHT:100%;FONT-FAMILY:华文行楷"><B>音画学堂 </B></FONT></P>

opacity属性:设置透明度,取值0至100之间的任意数值,100表示完全不透明;

style属性:设置渐变风格,0表示均匀渐变,1表示线性渐变,2表示放射渐变,3表示直角渐变。

width:100%则表示参与渐变的对象的宽度,通常都设置为100%。


 音画学堂

 

 

带颜色阴影效果: 波纹字体代码:

<P align=center><FONT style="FONT-SIZE: 20pt; FILTER: dropshadow(color=#228B22,offX=5,offY=3,Positive=1); WIDTH: 100%; COLOR: #ff7f50; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B>带颜色阴影效果-音画学堂 </B></FONT></P>

 

带颜色阴影效果-音画学堂

 

<FONT style="FONT-SIZE: 30pt; FILTER: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷"><B>波纹字体音画学堂 </B></FONT>

add属性:布尔型,0或1,0表示将原始对象加入最后效果中,1则反之;
freq属性:决定显示的频率,即应出现多少个波形;
phrase属性:决定波形的形状,值取0至360之间;
strength属性:决定波形的振幅。


波纹字体音画学堂
 
 





0


上一篇:图片特效 htm 代码    下一篇:可套用做帖的HTML成品代码


请填写详细信息发表评论
评论名字:
电子邮件:
评论内容:
验证字码:验证码

    
 
网游/充值卡
腾讯QQ专区
网络游戏虚拟商品交易区 [热]
IP卡/网络电话/手机号码
移动/联通/小灵通充值中心
数码
手机
数码相机/摄像机/图形冲印
MP3/MP4/iPod/录音笔 [热]
闪存卡/U盘/移动存储
电脑硬件/台式整机/网络设备
笔记本电脑
网络服务/电脑软件
3C数码配件市场
办公设备/文具/耗材
服务类
网店装修/物流快递/图片存储
旅游度假/打折机票/特惠酒店
演出/旅游/吃喝玩乐折扣券
成人用品/避孕用品/情趣内衣 [热]
其它
女人
女装/女士精品 [热]
美容护肤/美体/精油 [热]
女士内衣/男士内衣/家居服
箱包皮具/热销女包/男包
女鞋
饰品/流行首饰/时尚饰品
珠宝/钻石/翡翠/黄金
品牌手表/流行手表
彩妆/香水/美发/工具
男人
男装
运动服/运动包/运动配件 [热]
服饰配件/皮带/帽子/围巾
男鞋
ZIPPO/瑞士军刀/眼镜
户外/登山/野营/涉水
运动/瑜伽/健身/球迷用品
运动鞋
汽车/配件/改装/摩托/自行车
书籍/音像
书籍/杂志/报纸
音乐/影视/明星/乐器
生活/家居
居家日用/厨房餐饮/卫浴洗浴
家具/家具定制/宜家代购
床上用品/靠垫/窗帘/布艺 [热]
食品/茶叶/零食/特产
保健品/滋补品
家用电器/hifi音响/耳机
个人护理/保健/按摩器材
装潢/灯具/五金/安防/卫浴
时尚家饰/工艺品/十字绣
母婴/玩具
奶粉/尿片/玩具/婴童用品
孕妇装/产后瘦身/妈妈用品 [热]
童装/婴儿服/鞋帽/亲子装
玩具/模型/娃娃/人偶
电玩/配件/游戏/攻略
收藏/宠物
宠物/宠物食品及用品
古董/邮币/字画/收藏
鲜花速递/蛋糕配送/园艺花艺