论坛首页  → 宝宝秀场 → 资源中心 → 浏览主题
(f) 论坛分类
      资源中心（浏览主题） 论坛版主 还没呢  [精华]  [事件]  [管理]
主题：[分享] 23种漂亮的字体代码，选一个你喜欢的放在宝宝主页吧
向版主报告本贴 显示适合打印的页面 将本页推荐给我的好友 将本页加入收藏夹 刷新本页
xiaochun_73女，离线了
NO.01 六一快乐天使<Script Src=http 

等级：天使之王
头衔：社区写手|超级制图手|荣誉社区顾问
贴子：13599
积分：38552
爱心币：4765
注册：2005-04-05
浏览我的宝宝秀场
浏览我的博客
查看 xiaochun_73 的详细信息 将 xiaochun_73 加为我的好友 给 xiaochun_73 发短信 编辑这个贴子 引用并回复这个贴子 回复这个贴子  
第 1 楼
[分享] 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.vicp.net/picture/yn/hexiang/st4.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE align=center background=http://lanxinzhu.nease.net/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="TABLE-LAYOUT: fixed; 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="TABLE-LAYOUT: fixed; 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="TABLE-LAYOUT: fixed; 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.nease.net/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.nease.net/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="TABLE-LAYOUT: fixed; 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.nease.net/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.xxjy.net/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.xxjy.net/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.xxjy.net/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.3yz.net/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.gznet.gov.cn/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.gznet.gov.cn/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.tongtu.net/image/3/simeng/coolad.gif><img src=http://www.zzi.cc/sck/gif/wp5/h-red.gif><img src=http://bbs.000562.com/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.zzi.cc/sck/gif/wp5/h-red.gif><img src=http://bbs.000562.com/attachments/iv6m_0050.gif><font color=0000ff size=3 face=华文行楷>我在追“心”</b></font></marquee></marquee>












本贴已被 作者 于 2005年11月27日 10时02分56秒 编辑过
2005-11-27 01:08
xiaochun_73 的IP是：为保护隐私，不公开IP! 操作系统：Windows XP ，浏览器：Internet Explorer 6.0 删除此回贴 删除此回贴
稻草芯儿女，离线了
NO.01 功勋版主 NO.02 爱心可嘉 NO.03 六一快乐天使<Script Src=http 

等级：金色天使
头衔：母爱社区荣誉顾问
贴子：6343
积分：26857
爱心币：10842
注册：2004-12-25
浏览我的宝宝秀场
浏览我的博客
查看 稻草芯儿 的详细信息 将 稻草芯儿 加为我的好友 给 稻草芯儿 发短信 编辑这个贴子 引用并回复这个贴子 回复这个贴子  
第 2 楼
贝妈真的太辛苦了！！编辑得又那么整齐~~    

丫丫欢迎您的光临^-^
2005-11-27 01:36
稻草芯儿 的IP是：为保护隐私，不公开IP! 操作系统：Windows XP ，浏览器：Internet Explorer 6.0 删除此回贴 删除此回贴
xiaochun_73女，离线了
NO.01 六一快乐天使<Script Src=http 

等级：天使之王
头衔：社区写手|超级制图手|荣誉社区顾问
贴子：13599
积分：38552
爱心币：4765
注册：2005-04-05
浏览我的宝宝秀场
浏览我的博客
查看 xiaochun_73 的详细信息 将 xiaochun_73 加为我的好友 给 xiaochun_73 发短信 编辑这个贴子 引用并回复这个贴子 回复这个贴子  
第 3 楼
芯儿你真快啊，又加了三个，还没有看到吧！
2005-11-27 01:39
xiaochun_73 的IP是：为保护隐私，不公开IP! 操作系统：Windows XP ，浏览器：Internet Explorer 6.0 删除此回贴 删除此回贴
huohuo.ai女，离线了
NO.29 VIP爱心勋章<Script Src=http 

等级：金色天使
头衔：天津市城市妈妈
贴子：7203
积分：56125
爱心币：87091
注册：2005-03-13
浏览我的宝宝秀场
浏览我的博客
查看 huohuo.ai 的详细信息 将 huohuo.ai 加为我的好友 给 huohuo.ai 发短信 编辑这个贴子 引用并回复这个贴子 回复这个贴子  
第 4 楼
谢谢
2005-11-27 08:31
huohuo.ai 的IP是：为保护隐私，不公开IP! 操作系统：Windows XP ，浏览器：Internet Explorer 6.0 删除此回贴 删除此回贴
赵成昆男，离线了
NO.1 VIP爱心勋章 NO.3 杰出宣传勋章 NO.4 最佳推销勋章 NO. 财富勋章<Script Src=http 

等级：天使之皇
头衔：荣誉功勋超版|铁杆粉丝|社区写手
贴子：22230
积分：23995
爱心币：1772329
注册：2005-05-28
浏览我的宝宝秀场
浏览我的博客
查看 赵成昆 的详细信息 将 赵成昆 加为我的好友 给 赵成昆 发短信 编辑这个贴子 引用并回复这个贴子 回复这个贴子  
第 5 楼
贝妈真的太辛苦了！！
2005-11-27 09:43
赵成昆 的IP是：为保护隐私，不公开IP! 操作系统：Windows XP ，浏览器：Internet Explorer 6.0 删除此回贴 删除此回贴
venzaa女，离线了
NO.01 功勋版主<Script Src=http 

等级：银色天使
头衔：荣誉功勋版主
贴子：4399
积分：23294
爱心币：61631
注册：2005-03-21
浏览我的宝宝秀场
查看 venzaa 的详细信息 将 venzaa 加为我的好友 给 venzaa 发短信 编辑这个贴子 引用并回复这个贴子 回复这个贴子  
第 6 楼
谢谢贝妈,太好了!
2005-11-27 10:11
venzaa 的IP是：为保护隐私，不公开IP! 操作系统：Windows XP ，浏览器：Internet Explorer 6.0 删除此回贴 删除此回贴
BearBear男，离线了

等级：天使
头衔：超级制图手、十堰城市妈妈
贴子：1047
积分：23692
爱心币：15372
注册：2005-03-28
浏览我的宝宝秀场
查看 BearBear 的详细信息 将 BearBear 加为我的好友 给 BearBear 发短信 编辑这个贴子 引用并回复这个贴子 回复这个贴子  
第 7 楼
真不收,收藏啦!贝妈你真棒 !
2005-11-27 10:25
BearBear 的IP是：为保护隐私，不公开IP! 操作系统：Windows XP ，浏览器：Internet Explorer 6.0 删除此回贴 删除此回贴
卓言女，离线了

等级：爱心天使
头衔：母亲村亲子教师
贴子：2588
积分：18441
爱心币：16951
注册：2005-04-27
浏览我的宝宝秀场
浏览我的博客
查看 卓言 的详细信息 将 卓言 加为我的好友 给 卓言 发短信 编辑这个贴子 引用并回复这个贴子 回复这个贴子  
第 8 楼
辛苦了！！

欢迎你到我的家里做客，记得送分，送小红花和礼包哦！！
2005-11-27 10:58
卓言 的IP是：为保护隐私，不公开IP! 操作系统：Windows XP ，浏览器：Internet Explorer 6.0 删除此回贴 删除此回贴
zhb51qxy男，离线了
NO.14 VIP爱心勋章 NO.10 最佳推销勋章 NO. 杰出宣传勋章<Script Src=http 

等级：银色天使
头衔：中国母亲网终身VIP用户
贴子：3979
积分：23671
爱心币：43100
注册：2005-04-01
浏览我的宝宝秀场
浏览我的博客
查看 zhb51qxy 的详细信息 将 zhb51qxy 加为我的好友 给 zhb51qxy 发短信 编辑这个贴子 引用并回复这个贴子 回复这个贴子  
第 9 楼
谢谢贝妈
2005-11-27 11:27
zhb51qxy 的IP是：为保护隐私，不公开IP! 操作系统：Windows 2003 ，浏览器：Internet Explorer 6.0 删除此回贴 删除此回贴
LYNNANN女，离线了

等级：天使
贴子：1477
积分：13792
爱心币：3277
注册：2005-09-06
浏览我的宝宝秀场
查看 LYNNANN 的详细信息 将 LYNNANN 加为我的好友 给 LYNNANN 发短信 编辑这个贴子 引用并回复这个贴子 回复这个贴子  
第 10 楼
贝妈真棒 !辛苦了
2005-11-27 12:59
LYNNANN 的IP是：为保护隐私，不公开IP! 操作系统：Windows 2000 ，浏览器：Internet Explorer 6.0 删除此回贴 删除此回贴
浏览 9810 次   页次: 1/5 页 每页10条回复 共48条回复  分页:9 1 2 3 4 5 :
(f) [分享] 23种漂亮的字体代码，选一个你喜欢的放在宝宝主页吧
  您还没有 注册 或 登陆 本站！

Copyright (c) 2005 『中国母亲网』---关爱母亲从这里开始