文字特效的制作_南票区实验中学

http://blog.sina.com.cn/u/1219598722

首页博文目录关于我

个人资料

微博

加好友发纸条

写留言加关注

博客等级：
博客积分：

博客访问：
关注人气：
获赠金笔：0支
赠出金笔：0支
荣誉徽章：

正文字体大小：大中小

文字特效的制作

(2006-03-07 23:15:18)

海宁的BLOG
<FONT style="FONT-SIZE: 20pt; FILTER: dropshadow

(color=#228B22,offX=4,offY=2,Positive=1); WIDTH: 100%; COLOR: #ff7f50; LINE-HEIGHT: 150%; FONT-

FAMILY: 华文行楷">海宁的BLOG

渐变效果文字代码：

海宁的BLOG

<FONT style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=1);WIDTH:100%;

COLOR:red;LINE-HEIGHT:100%;FONT-FAMILY:华文行楷">海宁的BLOG

代码说明：

        opacity属性：设置透明度，取值0至100之间的任意数值，100表示完全不透明；
        style属性：设置渐变风格，0表示均匀渐变，1表示线性渐变，2表示放射渐变，3表示直角渐变。
        width：100%则表示参与渐变的对象的宽度，通常都设置为100%。

阴影文字效果代码：

海宁的BLOG

<FONT style="COLOR: #000000; FILTER: shadow(color=blue); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt;

WIDTH: 100%">海宁的BLOG

阴影的文字效果代码2：

海宁的BLOG

</textarea><table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2,
positive=2)；">
海宁的BLOG
</table>

光晕效果文字代码：

海宁的BLOG

<DIV style="FILTER: glow(color=#ff6600,strength=6); COLOR: #000000; HEIGHT: 10px">海宁的BLOG</DIV>

1.
<div style='border:1px #FF0000 solid;'>红色边框</div>

红色边框

2.
刪除线

~~刪除线~~

3.
加上背景色

加上背景色

4.
左右翻转效果

左右翻转效果

5.
上下翻转效果

上下翻转效果

6.
发光文字效果

发光文字效果

7.
发光文字效果

发光文字效果

8.
发光文字效果

发光文字效果

9.
发光文字效果

发光文字效果

10.
发光文字效果

发光文字效果

11.
发光文字效果

发光文字效果

12.
发光文字效果

发光文字效果

13.
发光文字效果

发光文字效果

14.
投射阴影文字效果

投射阴影文字效果

15.
投射阴影文字效果

投射阴影文字效果

16.
投射阴影文字效果

投射阴影文字效果

17.
投射阴影文字效果

投射阴影文字效果

18.
阴影文字效果

阴影文字效果

19.
<DIV style="WIDTH: 80px; HEIGHT: 19px; BACKGROUND-COLOR: #cccccc"> 雕刻文字效果</DIV>

雕刻文字效果

20.
<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>
扭曲文字效果</DIV>

扭曲文字效果

阅读┊ 收藏 ┊ 喜欢 ▼ ┊打印┊举报/Report

前一篇：光晕效果文字代码和滚动字代码

后一篇：在BLOG中添加滚动图片的方法

新浪BLOG意见反馈留言板　欢迎批评指正