文字效果总汇
这些代码可以组合使用,充分发挥你的想象力和创造力,相信可以做出更漂亮的文字效果.
推荐颜色代码对应网站查看:
http://www.blog.163.com/wuha_dkc/blog/static/1931445200681764948939/
常用参数解析：
#xxxxxx 表示颜色代码，替换改变相应颜色
strength 表示强度（如发光效果等）
direction 投影等角度（必须添45的倍数）
size 表示文字的大小
color 文字颜色
★文章首字下沉特效：
<DIV style="FONT-SIZE: 12px; LINE-HEIGHT: 14px"><SPAN style="FONT-SIZE: 24px; LINE-HEIGHT: 28px; FLOAT: left;"><B>这</B></SPAN>
请在此填写文字内容，然后看效果！
</DIV>
★文章上下滚动的特效：
<MARQUEE scrollAmount=2 scrollDelay=200 direction=up width="100%"
height=210><FONT style="LINE-HEIGHT: 180%; LETTER-SPACING: 3px"
color=#ffffff>所要写的字</FONT></MARQUEE>
★做比较大的字代码
<FONT color=#09f7f7 size=7><STRONG><SUP><FONT color=#99ff00>要写的
字</FONT></SUP></FONT>
★文字走马灯效果代码
<marquee width="157" height="21">这里输入文字
★改变文字的字体和颜色代码1
<b><font face=华文行楷 size=5 color=#ff0000>要修改字体和颜色的字
提示：color=文章颜色
★改变文字的字体和颜色代码2
<FONT face=楷体_GB2312(字体) color=#0000ff(字体颜色) size=1>輸入文字</FONT>
提示：color=文章颜色
★移动文字代码
<marquee width="157" height="21">你要写的文字</marquee>
★文字特效显示代码
效果一：<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black);
FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>
输入文字</B></FONT></CENTER>
效果二：<CENTER><FONT style="COLOR: #e4dc9b; FILTER: glow(color=black);
FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>
输入文字</B></FONT></CENTER>
效果三：<CENTER><FONT color=#0099ff style="FILTER: blur(add=1,
direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; ; LINE-HEIGHT: 150%; WIDTH: 450px">输入文字</FONT></CENTER>
效果四：<MARQUEE behavior=alternate direction=up height=150
scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=460 <IMG
src="http://www.east128.com/bbs/UploadFile/2003-9/20039251018214901.gif"><F
ONT color=red face=楷体_gb2312 size=7>输入文字</FONT></MARQUEE></MARQUE></MARQUEE>
![http://www.east128.com/bbs/UploadFile/2003-9/20039251018214901.gif"><F](http://www.east128.com/bbs/UploadFile/2003-9/20039251018214901.gif"><F){kind=link}
效果五：<FONT color=#0096ff face=隶书 size=7><MARQUEE height=50 width=240>
输入文字</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=7><MARQUEE
direction=right height=50 width=240>输入文字</MARQUEE></FONT></FONT>
★文字上下左右移动的特效代码
<marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee>
提示：direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向
右(right)
★文字停停走走效果代码
<marquee scrolldelay=500 scrollamount=100>插入文字</marquee>
★文字移动效果代码
<marquee behavior=移动效果>插入文字</marquee>
说明：behavior=scroll 一圈一圈绕着走; behavior=slide 只走一次;
behavior=alternate 来回走
★发光文字代码
</textarea><table style="FILTER: glow(color=#6699FF,direction=2)">
<font color=#ffffff size=2>要填写的文字</font>
</table>
提示：color是阴影的颜色，可以配合网页色调改变，direction是设置阴影的强
度，font color是原字体的颜色
★浮雕效果的文字代码
</textarea><table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1,
positive=1)；">
<font color=#ffffff>要填写的文字</font>
</table>
提示：color是阴影的颜色，可以配合网页色调改变，positive是设置阴影的强度，offx和offy是设置的阴影和文字的距离，color是原字体的颜色
★阴影文字的代码
</textarea><table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2,
positive=2)；">
<font color=#6CABE7 size=2>要填写的文字</font>
</table>
★文本框字体代码
<DIV><TEXTAREA style="FONT: 12px ；font-family:Verdana；color:#666666; WIDTH: 490px; HEIGHT: 271px" rows=152 cols=612>要填写的文字</DIV></TEXTAREA></DIV>
提示：字体(font-family)还可以选用Arial,Tahoma等等；color可自行设定
<tr> 表格列 border="5"边框宽度为5像素，bordercolor="Purple"边框顔色为紫色<td> 表格栏 bgcolor="Green"表格背景顔色为绿色
★滚动字代码
<marquee border="0" align="middle" scrolldelay="120">要填写的文字</marquee>
★从右侧进来的字和图片代码
<DIV>
<TABLE cellSpacing=10 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=top width="100%">
<DIV align=center>
<MARQUEE scrollDelay=99 width="100%" height=108 border="0"><IMG
src="http://www.smba-china.com/upload/upfile/2004430154320.gif"><FONT
color=#b990f7><FONT face=华文行楷 color=#4d4dff size=7><B>输入文字</B><IMG src="http://www.smba
china.com/upload/upfile/2004430154320.gif"></FONT></FO
NT></MARQUEE></DIV></TD></TR></TBODY></TABLE></DIV>
<DIV>
<TABLE cellSpacing=10 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=top width="100%" height=118>
<DIV align=center><MARQUEE scrollDelay=99 width="100%" height=108 border="0"><IMG src="http://www.smba-china.com/upload/upfile/2004430154320.gif"><FONT
color=#b990f7><FONT face=华文行楷 color=#4d4dff size=7><B>输入文字</B><IMG src="http://www.smba-china.com/upload/upfile/2004430154320.gif"></FONT></FO
NT></MARQUEE></DIV></TD></TR></TBODY></TABLE></DIV>
![http://www.smba-china.com/upload/upfile/2004430154320.gif"><FONT](http://www.smba-china.com/upload/upfile/2004430154320.gif"><FONT){kind=link}
![http://www.smba-china.com/upload/upfile/2004430154320.gif"></FONT></FO](http://www.smba-china.com/upload/upfile/2004430154320.gif"></FONT></FO){kind=link}
★倒帖的文字特效代码
<p align=right><FONT
style="FONT-SIZE:50pt;filter:FlipH(color=silver);WIDTH:100%;
COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>请输入你想要的文字</B></FONT></p>
★翻转文字特效代码
<FONT style="FONT-SIZE:50pt;filter:FlipV(color=silver);WIDTH:100%;
COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>请输入你想要的文字</B></FONT>
★漂动文字特效代码
<table align=center border=3 bordercolor="#CD5C5C" width=450 height=350><td background=http://bbs.yunbbs.com/uploadFile/2004-12/20041210163350528.jpg><marquee behavior=alternate scrollamount=3 direction=down height=350><marquee behavior=alternate scrollamount=3 width=500><img src=1.gif><font color=red size=6><b>请输入你想要的文字</b><img src=1.gif></font></marquee></table><br>
★漂的字特效代码
<P align=center>
<MARQUEE scrollAmount=12 direction=center behavior=alternate>
<MARQUEE direction=up behavior=alternate width=400 height=400>
<P align=center><IMG src="http://members12.tsukaeru.net/rose/0sozai/2cut/ico/50-01/s012.gif"><IMG src="http://www.cjhz.com/bbs/UploadFile/2004-10/20041016182848353.jpg"><IMG src="http://members12.tsukaeru.net/rose/0sozai/2cut/ico/50-01/s012.gif"></P><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=000000); WIDTH: 160%;
COLOR: #4d4dff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">请输入你想要的文字</FONT></MARQUEE></MARQUEE></P>
![http://members12.tsukaeru.net/rose/0sozai/2cut/ico/50-01/s012.gif"><IMG](http://members12.tsukaeru.net/rose/0sozai/2cut/ico/50-01/s012.gif"><IMG){kind=link}
![http://www.cjhz.com/bbs/UploadFile/2004-10/20041016182848353.jpg"><IMG](http://www.cjhz.com/bbs/UploadFile/2004-10/20041016182848353.jpg"><IMG){kind=link}
![http://members12.tsukaeru.net/rose/0sozai/2cut/ico/50-01/s012.gif"></P><FONT](http://members12.tsukaeru.net/rose/0sozai/2cut/ico/50-01/s012.gif"></P><FONT){kind=link}
★滚动字特效代码
<marquee width="200" height="100" direction="right" behavior="alternate"
scrollamount="6" scrolldelay="88">输入你想要的文字</marquee>
提示说明：
scrollAmount 它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3
比较好，width和height 表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值，direction 表示滚动的方向，默认为从右向左：←。可选的值有right、down、up。滚动方向分别为：right表示→→，up表示↑，down表示↓scrollDelay 这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的，behavior用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动)
★改变滚动字幕的颜色代码
<marquee scrollAmount=2 width=300><a style=color:CC6600>输入你想要的文字</a></marquee>
★当鼠标停留在文字上，文字停止滚动代码
<marquee scrollAmount=2 width=300 scrollAmount=2 width=150 behavior=alternate>输入你想要的文字/marquee>
★多行文本向上滚动特效代码
<marquee scrollAmount=2 width=300 height=50 direction=up>·输入文字<br>·输入文字<br><a href=http://www.hack58.com>输入文字</a></marquee>
★不停变化颜色的字代码
<DIV style="WIDTH: 460px; HEIGHT:30px"><IMG height=2
src="/web/ewebeditor/UploadFile/2005101692624157.gif" width=460px
align=right><IMG height=30px src="/web/ewebeditor/UploadFile/2005101692625359.gif" width=446.2px
align=right><DIV style="FONT-SIZE: 20px; FILTER: Chroma(color=#FCFBFA);
FLOAT: left; WIDTH: 460px; HEIGHT:30px; BACKGROUND-COLOR:#000000"
align=center><FONT color=#FCFBFA>输入文字</FONT></DIV></DIV>
★带框文字特效代码
<font color=#02B452
style="border-color=#FF0000;border-top-style:outset;border-bottom-style:out
set;border-right-style:outset;border-left-style:outset">修改你要的字</font>
提示：这些符号是边框类型(修改代码中可修改,不过建议上下左右边框用同一种效果)
double 表示边框样式为：双线
groove 表示边框样式为：3D凹槽状
dotted 表示边框样式为：点线
inset 表示边框样式为：3D内嵌边框
outset 表示边框样式为：3D外嵌边框
ridge 表示边框样式为：3D凸脊状
dashed 表示边框样式为：虚线
solid 表示边框样式为：实线
★滚动红色字特效代码
<marquee width="650" height="60"><font color="red">请输入你想要的文字</font></a></marquee>
★滚动无框红色字特效代码
<div style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH:
634px; ; TOP: 0px; HEIGHT: 530px; zindex: 90"
resiziable="true"><marquee width="750" height="60"><font color="red">请输入你想要的文字</font></a></marquee>
★左右移动字特效代码
<font colo*=#855558><center><marquee behavior="alternate"
scrollamount="2">请输入你想要的文字</marquee></marquee></font></center>
★角度跳动的字左右移动字特效代码
<marquee behavior="alternate" direction="up" height="80" width="60%"
scrollamount="2" scrolldelay="0"><marquee behavior="alternate"
scrollamount="3">请输入你想要的文字</marquee></marquee>
★七字体顔色文字特效代码
<font COLOR=颜色代码>文字</font>
显示竖排的文字：
<DIV style="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN: left"><p>博客文章文字</P></DIV>
本文由 木木 提供，在此谢谢她了．
空菜BLOG制作秘籍 更多BLOG制作相关技术
