[分享] 23种漂亮的字体代码，

代码中的文字、图片以及尺寸、字体、颜色等可以按照个人的喜好替换。

如果你想先预览效果，可以将你喜欢的文字代码复制粘贴到记事本中，并另存为html格式，然后打开就可以在IE中预览效果了。


1、彩色字体色彩绚丽

</font><br> <P align=center><STRONG><FONT size=6><FONT face=华文新魏><FONT color=#ff0000>彩 </FONT><FONT color=#ff8900>色</FONT><FONT color=#92c000>字</FONT><FONT color=#00c024>体</FONT><FONT color=#00c0da>色</FONT><FONT color=#0053ff>彩</FONT><FONT color=#4800ff> 绚</FONT><FONT color=#ff00ff>丽</FONT></FONT></FONT></STRONG></P>

2、阴影字体

</font><br><P align=center><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=333366 ); WIDTH: 631px; COLOR: #3333ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新宋; HEIGHT: 51px"></P> <P align=center>阴影字体</P></FONT>

3、围边字体

</font><br><P align=center> </P><FONT style="FONT-SIZE: 30pt; FILTER: glow(color=gray,strength=5); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"> <P align=center><B>围边字体 体字边围</B></P></FONT>

4、投影字体

</font><br><P align=center> </P> <P align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 40px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; POSITION: relative" color=#000099>投影字体 投影字体</FONT></CAPTION> <BR></CAPTION></P>

5、抛射字体

<DIV align=center> <DIV style="FILTER: shadow(color=#FF9999 , strength=60); WIDTH: 480px; HEIGHT: 121px"><FONT face=华文彩云 color=#ff0000 size=7><B> <CENTER>抛射字体</B></CENTER></FONT> <DIV align=left><BR><BR></DIV></DIV></DIV> <P align=left> </P>

6、带背景的闪光字体（背景图片可以换）

<P align=center><BR> <TABLE cellSpacing=0 cellPadding=0 align=center background=http://616bbs./picture/yn/hexiang/st4.gif> <TBODY> <TR> <TD style="FILTER: chroma(color=#336699)"> <TABLE align=center background=http://lanxinzhu./wangye/beijin/x1.jpg> <TBODY> <TR> <TD align=middle><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_gb2312 color=#336699><B>带背景的闪光字体（背景图片可以换）</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

7、向上移动的文字

</font><br><P align=center> <TABLE class=tablebody2 style="; WORD-BREAK: break-all" width="90%" border=0> <TBODY> <TR> <TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR> <DIV align=center> <MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8 direction=up> <P align=center><FONT face=隶书 color=#ff0000 size=7><B>向上移动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

8、向下移动的文字

<P align=center> <TABLE class=tablebody2 style="; WORD-BREAK: break-all" width="90%" border=0> <TBODY> <TR> <TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR> <DIV align=center> <MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8 direction=down> <P align=center><FONT face=隶书 color=#ff0000 size=7><B>向下移动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

9、向左移动的文字

<P align=center> <TABLE class=tablebody2 style="; WORD-BREAK: break-all" width="90%" border=0> <TBODY> <TR> <TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR> <DIV align=center> <MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8> <P align=center><FONT face=隶书 color=#ff0000 size=5><B>向左移动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

10、向右移动的文字

<P align=center><BR></P> <P align=center> <MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=10 direction=right> <P align=center><FONT face=隶书 color=#ff0000 size=7><B>向右移动的文字</B></FONT></P></MARQUEE></P>

11、由中间向两边移动的文字和图像

<P align=center> </P> <P align=center><FONT face=华文彩云 color=#ee110e size=5> <MARQUEE width=200 height=50><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" onclick=javascript:window.open(this.src); src="http://lanxinzhu./wangye/taozhuang/c1.gif" onload="javascript:if(this.width>screen.width-320)this.style.width=screen.width-320;">由中间向两边移动的文字和图像 </FONT></MARQUEE><FONT face=华文彩云 color=#ee110e size=5><FONT face=华文彩云 color=#ee1111 size=5> <MARQUEE direction=right width=200 height=50>由中间向两边移动的文字和图像<IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" onclick=javascript:window.open(this.src); src="http://lanxinzhu./wangye/taozhuang/c1.gif" onload="javascript:if(this.width>screen.width-320)this.style.width=screen.width-320;"></FONT></MARQUEE></FONT></FONT></P></FONT>

12、来回走动的文字

</font><br> <P align=center> </P> <P align=center> <TABLE class=tablebody2 style="; WORD-BREAK: break-all" width="90%" border=0> <TBODY> <TR> <TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR> <DIV align=center> <MARQUEE scrollAmount=8 behavior=alternate ?WIDTH: 397px; HEIGHT: 200px?> <P align=center><FONT face=隶书 color=#ff0000 size=6><B>来回走动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

13、波浪式的文字

</font><br><P align=center> </P> <MARQUEE scrollAmount=5 direction=up behavior=alternate height=150> <DIV align=center> <MARQUEE scrollAmount=3 behavior=altrnate width=460 <IMG src="http://lanxinzhu./wangye/taozhuang/b2.gif"> <DIV align=center><FONT face=隶书 color=red size=7>波浪式的文字</FONT></DIV></MARQUEE></DIV></MARQUE></MARQUEE>

14、左右运动的文字

</font><br><DIV align=center> <MARQUEE direction=right width=250 height=50> <DIV align=center> <FONT face=隶书 color=#ff0000 size=7>左右运动的文字</FONT></DIV></MARQUEE></DIV> <DIV align=center> <MARQUEE width=250 height=50> <DIV align=center><FONT face=隶书 color=#ff0000 size=7>左右运动的文字</FONT></DIV></MARQUEE></DIV>

15、其实倒影字就这么简单！

</font><br><P align=center><FONT style="FONT-SIZE: 30pt; WIDTH: 100%; COLOR: blue; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏"><B><EM>其实倒影字就这么简单！</EM></B></FONT><FONT style="FONT-SIZE: 30pt; FILTER: FlipV; WIDTH: 100%; COLOR: blue; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏"><B><EM>其实倒影字就这么简单！</EM></B></FONT></P>

16、原地跳动的文字

<DIV></DIV></B> <CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%; COLOR: #0033ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"> <MARQUEE direction=up behavior=alternate width=60 height=120> <CENTER><B>原</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=120> <CENTER><B>地</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=120> <CENTER><B>跳</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=120> <CENTER><B>动</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=120> <CENTER><B>文</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=120> <CENTER><B>字</B></CENTER></MARQUEE></FONT></CENTER>

17、交替跳跃的文字

<DIV></DIV></B> <CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%; COLOR: #ff6600; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"> <MARQUEE direction=up behavior=alternate width=80 height=160> <CENTER><B>交</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=80> <CENTER><B>替</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=80 height=160> <CENTER><B>跳</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=80> <CENTER><B>跃</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=80> <CENTER><B>文</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=80 height=160> <CENTER><B>字</B></CENTER></MARQUEE></MARQUEE></FONT></CENTER>

18、模糊的背景字

<CENTER><CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: 00cc00,strength=40); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"> <MARQUEE direction=up behavior=alternate width=120 height=240> <CENTER><B>模</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=120 height=180> <CENTER><B>糊</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=120 height=240> <CENTER><B>背</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=120 height=180> <CENTER><B>景</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=120 height=240> <CENTER><B>字</B></CENTER></MARQUEE></FONT></CENTER>

19、穿梭的文字

<P><STRONG></STRONG> <CENTER> <MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#cf34f6 size=6>穿　穿</FONT></B></MARQUEE><STRONG><IMG height=67 src="http://bbs./UploadFile/2004-8/200482010539664.gif" width=109> </STRONG> <MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#ff0000 size=6>梭 梭</FONT></B></MARQUEE><STRONG><IMG height=67 src="http://bbs./UploadFile/2004-8/200482010539664.gif" width=109> </STRONG> <MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#0033cc size=6>文 文</FONT></B></MARQUEE><STRONG><IMG height=67 src="http://bbs./UploadFile/2004-8/200482010539664.gif" width=109> </STRONG> <MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#006633 size=6>字 字</FONT></B></MARQUEE><STRONG></CENTER>

20、彩虹文字

<P align=center> <TABLE cellSpacing=0 cellPadding=0 align=center background=http://www./tjxy/jiaocai/05.gif> <TBODY> <TR> <TD style="FILTER: chroma(color=#336699)"> <TABLE style="WIDTH: 593px; HEIGHT: 114px" align=center bgColor=#800080> <TBODY> <TR> <TD align=middle><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 56pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#336699><STRONG>彩虹字体</STRONG></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

21、中间向上下移动语法：

<marquee direction=up onmouseover=this.stop() scrollamount=3 onmouseout=this.start><center><img src=http://infonavi./jingging/welcome/jinggingt/fangtu3/huace/53.jpg width=650></marquee></center><marquee direction=down scrollamount=3><center><div style="width:400;filter:flipv;"><img src="http://infonavi./jingging/welcome/jinggingt/fangtu3/huace/53.jpg" width=650></div></center></marquee>

22、左向右上下起伏飞翔， height=200 是上下起伏飞翔幅度，可以调整，区分图片大小，一般设置在50至150的范围内比较好

<marquee direction=right><marquee behavior=alternate direction=up height=200><font color=0000ff size=4 face=华文行楷><b>!去回快</b></font><br><img src=http://www./image/3/simeng/coolad.gif><img src=http://www./sck/gif/wp5/h-red.gif><img src=http://bbs./attachments/iv6m_0050.gif></marquee><br></marquee>

23、右向左上下起伏飞翔，height=100 是上下起伏飞翔幅度，可以调整，区分图片大小，一般设置在50至150的范围内比较好

<marquee direction=left><marquee behavior=alternate direction=up height=100><img src=http://www./sck/gif/wp5/h-red.gif><img src=http://bbs./attachments/iv6m_0050.gif><font color=0000ff size=3 face=华文行楷>我在追“心”</b></font></marquee></marquee>