HTML字体集锦--相思宁蔓

　当前位置：首页 >> 实用素材 >> 艺术字体 >> HTML字体集锦--相思宁蔓

双击自动滚屏

HTML字体集锦--相思宁蔓

发表日期：2007年4月11日出处：網絡作者：相思宁蔓搜集本页面已被访问 13510 次

以下所有字体和文字特效，均用HTML语言完成，不用下载和使用任何专用软件。当然，使用专用软件可以使文字变化更多一些。朋友们不妨试一试，我们一起学习。

一、彩色字体
衣带渐宽终不悔，为伊消得人憔悴。
衣带渐宽终不悔，为伊消得人憔悴。
衣带渐宽终不悔，为伊消得人憔悴。

衣带渐宽终不悔，为伊消得人憔悴。

代码

二、阴影字体

日出江花红胜火春来江水绿如蓝

代码

<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>

三、圈边字体

相思宁蔓相思宁蔓

代码

<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>

四、投影字体

相思宁蔓相思宁蔓

代码

<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>

五、抛射字体

你是我永远的牵挂

代码

<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>

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

千里有缘是朋友

代码

<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://616bbs.vicp.net/picture/yn/hexiang/62.jpg>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 56pt; 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>

七、向上移动的文字

我在你的眼你

代码

<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>

八、向下移动的文字

你在我的心里

代码

<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>

九、向左移动的文字

相思宁蔓

代码

<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=7><B>相思宁蔓</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

十、向右移动的文字

相思宁蔓你好吗？

代码

<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>

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

相思宁蔓相思宁蔓

代码

<P align=center> </P>
<P align=center><FONT face=华文彩云 color=#ee110e size=7>
<MARQUEE width=200 height=50><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" onclick=javascript:window.open(this.src); src="http://freequick.myrice.com/rw/ts/43.gif" onload="javascript:if(this.width>screen.width-320)this.style.width=screen.width-320;">相思宁蔓</FONT></MARQUEE><FONT face=华文彩云 color=#ee110e size=7><FONT face=华文彩云 color=#ee1111 size=7>
<MARQUEE direction=right width=200 height=50>相思宁蔓<IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" onclick=javascript:window.open(this.src); src="http://freequick.myrice.com/rw/ts/23.gif" onload="javascript:if(this.width>screen.width-320)this.style.width=screen.width-320;"></FONT></MARQUEE></FONT></FONT></P></FONT>

十二、由上下向中间移动的字体

相思宁蔓

相思宁蔓 代码

十三、文字来回走

请喝一杯红咖啡

代码

<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=7><B>喝一杯红咖啡</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

十四、文字波浪式移动

愿你的人生绚丽

代码

<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://www.east128.com/bbs/UploadFile/2003-9/20039251018214901.gif">
<DIV align=center><FONT face=隶书 color=red size=7>愿你的人生绚丽</FONT></DIV></MARQUEE></DIV></MARQUE></MARQUEE>

十五、左右运动的文字

相思宁蔓

代码

十六、双排向下运动的文字

去年今日此门中 人面桃花相映红

代码

<CENTER>
<MARQUEE scrollAmount=3 direction=down height=60>
<CENTER><FONT face=华文彩云 color=#ff0000 size=6><B>去年今日此门中</FONT></CENTER></B></MARQUEE>
<CENTER>
<MARQUEE scrollAmount=3 direction=down height=60>
<CENTER><FONT face=华文彩云 color=#ff0000 size=6><B>人面桃花相映红</FONT></CENTER></B></MARQUEE></CENTER></CENTER>

十七、双排向上运动的文字

去年今日此门中 人面桃花相映红 代码

<CENTER>
<MARQUEE scrollAmount=3 direction=up height=60>
<CENTER><FONT face=华文彩云 color=#ff0000 size=6><B>去年今日此门中</FONT></CENTER></B></MARQUEE>
<CENTER>
<MARQUEE scrollAmount=3 direction=up height=60>
<CENTER><FONT face=华文彩云 color=#ff0000 size=6><B>人面桃花相映红</FONT></CENTER></B></MARQUEE></CENTER></CENTER>

十八、倒影字

其实倒影字就这么简单！其实倒影字就这么简单！ 代码

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

十九、交替游荡的文字

雨韵为水　

雨韵为水　

代码

二十、原地齐跳的文字

但愿人长久

代码

二十一、交替跳跃的文字

千里共婵娟

代码

还可以为它们加上漂亮的模糊背景

但愿人长久代码

二十二、交替跳跃消失的文字

寧蔓爱你

代码

二十三、带背景的移动文字

祝各位网友开心

代码

<P align=left><FONT color=#6911ee></FONT> </P>
<P align=center><FONT color=#6911ee></FONT>
<MARQUEE direction=up>
<TABLE cellSpacing=0 cellPadding=0 align=center background=http://cnpf2.dns165.com/bbs/upload/sf_20049199234.jpg>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE align=center bgColor=#cc00ff>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-SIZE: 40pt" face=华文琥珀 color=#336699>祝各位网友开心</FONT></TD></TR></TBODY></TABLE></FONT></TD></TR></TBODY></TABLE></FONT></MARQUEE></P>

二十四、在图片间穿梭的文字

朋朋 友友 您您 好好

代码

二十五、彩虹字体

很漂亮的特效字

你永远是雨韵的

代码

<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>

彩虹文字底色图案

数风流人物还看今朝

代码

<DIV align=center>
<DIV id=texture style="WIDTH: 560px; HEIGHT: 70px"><STRONG><IMG height=1 src="http://kr.img.blog.yahoo.com/ybi/1/63/8e/gene7299/folder/3/img_3_14_4?1115913833.gif" width=372 align=right><IMG style="WIDTH: 557px; HEIGHT: 70px" height=70 src="http://kr.img.blog.yahoo.com/ybi/1/63/8e/gene7299/folder/3/img_3_14_9?1115913832.gif" width=560 align=right> </STRONG>
<DIV align=center>
<DIV style="FONT-SIZE: 60px; FILTER: Chroma(color=#FCFBFA); FLOAT: left; WIDTH: 560px; HEIGHT: 70px; BACKGROUND-COLOR: #ffffff" align=center>
<DIV align=center><FONT color=#fcfbfa><STRONG>数风流人物还看今朝</STRONG></FONT></DIV></DIV></DIV></DIV></DIV>

关键是字体问题。原代码中用的字体是英文字体impact，换为中文字体就行了。
FONT-FAMILY: 华文行楷

<MARQUEE scrollAmount=2 direction=down height=60>
<CENTER><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=#000000); WIDTH: 100%; COLOR: #6f917d; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>心缘之梦</B></FONT></CENTER></MARQUEE>
<MARQUEE scrollAmount=2 direction=up height=60>
<CENTER><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=#000000); WIDTH: 100%; COLOR: #6f917d; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>心缘之梦</B></FONT></CENTER></MARQUEE>

心缘之梦 心缘之梦

心缘之梦

欢迎光临心缘

<TABLE style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" height="85%" width="95%" align=center border=0>
<TBODY>
<TR>
<TD style="FONT-SIZE: 12pt; LINE-HEIGHT: 16pt" vAlign=top width=* height="100%">
<TABLE cellSpacing=0 cellPadding=0 align=center background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0024.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE align=center bgColor=#000000>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-SIZE: 60pt" face=华文彩云 color=#336699><B>欢迎光临心缘</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

这里的世界真精彩

欢迎光临

欢迎光临

制作滚动字幕:

HTML标签：可用 UBB标签：可用贴图标签：可用 Flash标签：可用多媒体标签：可用表情字符转换：可用上传图片：可用每天允许发帖数：无限制

<MARQUEE direction=up height=40 scrollAmount=3 scrollDelay=150 width=400>
<CENTER><FONT color=#ffaa00 face=黑体 size=5>HTML标签：可用 UBB标签：可用贴图标签：可用 Flash标签：可用多媒体标签：可用表情字符转换：可用上传图片：可用每天允许发帖数：无限制 <BR></FONT></CENTER></MARQUEE>

<FONT style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=3);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>中年人生贴图网</B></FONT>

opacity属性：设置透明度，取值0至100之间的任意数值，100表示完全不透明；
style属性：设置渐变风格，0表示均匀渐变，1表示线性渐变，2表示放射渐变，3表示直角渐变。

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

人文景观欢迎您
<FONT style="FONT-SIZE:30pt;filter:blur(add=1,direction=30,strength=5);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>人文景观欢迎您</B></FONT>

ADD属性在运动模糊中,其值为0和1，0表示“否”，用于文字，1表示“是”，用于图像；Direction属性是模糊移动的角度，其值为0至360度；Strength属性是模糊移动的距离

人文景观欢迎您
<FONT style="FONT-SIZE:30pt;filter:dropshadow(color=lightgreen,offX=5,offY=3,Positive=1);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>人文景观欢迎您</B></FONT>
color属性：设置影子文本的颜色；
offX和offY属性：影子文本下落的位移值；
Positive属性：指定透明象素阴影，布尔型，0为是，1为否。人文景观欢迎您
<FONT style="FONT-SIZE:30pt;filter:shadow(color=black,direction=180);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>人文景观欢迎您</B></FONT>

color属性：阴影颜色；
direction属性：阴影角度，值取0至360度。

人文景观欢迎您
<FONT style="FONT-SIZE:30pt;filter:wave(add=0,lightstrength=50,strength=4,freq=2,phrase=30);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>人文景观欢迎您</B></FONT>
add属性：布尔型，0或1，0表示将原始对象加入最后效果中，1则反之；
freq属性：决定显示的频率，即应出现多少个波形；
phrase属性：决定波形的形状，值取0至360之间；
strength属性：决定波形的振幅。人文景观欢迎您 <FONT style="FONT-SIZE:30pt;filter:glow(color=gray,strength=4);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>人文景观欢迎您</B></FONT>

color属性：光晕颜色；strength：光晕的厚度。

欢迎来到这里感谢大家光临

</B><BR>
<MARQUEE scrollAmount=8 direction=right behavior=alternate><B><FONT color=#7700bb size=7><FONT color=lime>
<MARQUEE direction=up behavior=alternate width=40 height=200 align="middle">欢</MARQUEE><FONT color=red>
<MARQUEE direction=up behavior=alternate width=40 height=150>迎</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=40 height=200>来</MARQUEE><FONT color=fuchsia>
<MARQUEE direction=up behavior=alternate width=40 height=150>到</MARQUEE><FONT color=olive>
<MARQUEE direction=up behavior=alternate width=40 height=200>这</MARQUEE><FONT color=green>
<MARQUEE direction=up behavior=alternate width=40 height=150>里</MARQUEE><FONT color=red>
<MARQUEE direction=up behavior=alternate width=40 height=200>感</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=40 height=150>谢</MARQUEE><FONTCOLOR=ORANGE>
<MARQUEE direction=up behavior=alternate width=40 height=200>大</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=40 height=150>家</MARQUEE><FONTCOLOR=ORANGE>
<MARQUEE direction=up behavior=alternate width=40 height=200>光</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=40 height=150>临</MARQUEE><FONT color=orange></FONT></B></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></MARQUEE></FONT></FONT><BR>
<DIV></DIV><BR>

欢迎

<TABLE cellSpacing=0 cellPadding=0 align=center background=http://xz9.2000y.net/542657/uploadpic/2004107172334941.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE align=center bgColor=blue>
<TBODY>
<TR>
<TD>
<P><FONT style="FONT-SIZE: 150pt" face=文鼎花瓣体 color=#336699><B>欢迎 </B></FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

双击自动滚屏

　　相关评论:　　　　

发表人：愉悦
发表人邮件：893880617@qq.com	发表时间：2009-7-8 16:34:00
这些代码复制上去怎么不行呢？纹丝不动是不是要去掉哪里呀！老师能告诉我吗！谢谢！

发表人：zeng
发表人邮件：zengyuan0223@sina.com	发表时间：2009-3-21 12:02:00
这些文字太美了,我一直在找这些东西,哈哈今天终于看到了,怎么做啊,尊敬的老师可以教我做吗?谢谢了!

发表人：悠悠白云
发表人邮件：ssl721125@126.com	发表时间：2007-9-8 13:44:00
好高兴啊!一直在找这些漂亮的字是怎么做出来的,今天终于找到了,谢谢相思宁蔓的搜集,辛苦了!

发表人：天涯共此时
发表人邮件：424153643@qq.com	发表时间：2007-9-5 19:48:00
这些文字太美了,我一直在找这些东西,哈哈今天终于看到了,怎么做啊,尊敬的老师可以教我做吗?谢谢了!

发表人：liuxia
发表人邮件：liuxia1902@163.com	发表时间：2007-5-20 20:14:00
谢谢呀，很喜欢这些特效的文字，借用了，

　　发表评论:　　　　

用户名：
电子邮件：
评论内容：
（最多评论字数：500）

联系人：“心缘之梦”微信群yueyuanzhongqiu20080815　　　