<FONT style="BACKGROUND-COLOR: #ffddff">加上背景色</FONT>
加上背景色
<font style="filter:FlipH;height:10pt;">左右翻转效果</font>
左右翻转效果
<font style="filter:FlipV ;height:10pt;">上下翻转效果</font>
上下翻转效果
<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#4A7AC9,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
发光文字效果
<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#FF0000,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
发光文字效果
<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#FF0080,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
发光文字效果
<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#FF8000,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
发光文字效果
<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#008080,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
发光文字效果
<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#0000FF,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
发光文字效果
<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#8000FF,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
发光文字效果
<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#000000,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
发光文字效果
<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#4A7AC9,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果 </FONT>投射阴影文字效果
<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#FF0000,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果 </FONT>
投射阴影文字效果
<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#FF0080,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果 </FONT>
投射阴影文字效果
<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#FF8000,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果 </FONT>
投射阴影文字效果
<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#008080,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果 </FONT>
投射阴影文字效果
<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#0000FF,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果 </FONT>
投射阴影文字效果
<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#8000FF,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果 </FONT>
投射阴影文字效果
<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#000000,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果 </FONT>
投射阴影文字效果
<font style="FILTER:Dropshadow(color=#cccccc,offX=3,offY=3); height=1px">阴影文字效果</font>
阴影文字效果
<DIV style="WIDTH: 80px; HEIGHT: 19px; BACKGROUND-COLOR: #cccccc"><FONT style="FILTER: Dropshadow(color=#FFFFFF,offX=1,offY=1); HEIGHT: 15pt" color=#000000> 雕刻文字效果</FONT></DIV>
<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>
<FONT color=#ff8000><STRONG><B>扭曲文字效果</B></STRONG></FONT></DIV>
阴影:<FONT style="COLOR: #xxxxxx; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>日志文字</B></FONT>
音画学堂
中文直書: <div style="writing-mode :tb-rl;width:15px;height:15px">內容擺這</div>
效果:
內容擺這
上下翻轉: <font style="filter:FlipV ;height:10pt;">顯示效果預覽文字</font>
效果: 顯示效果預覽文字
发光: <FONT style="COLOR: #xxxxxx; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>日志文字</B></FONT>
效果: 音画学堂
光晕效果的代码:<DIV style="FILTER: glow(color=#ff6600,strength=6); COLOR: #000000; HEIGHT: 10px"><FONT size=6>光晕效果</FONT></DIV>
光晕效果---音画学堂
渐变效果代码
<P align=center><FONT style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=1);WIDTH:100%; COLOR:red;LINE-HEIGHT:100%;FONT-FAMILY:华文行楷"><B>音画学堂 </B></FONT></P>
opacity属性:设置透明度,取值0至100之间的任意数值,100表示完全不透明;
style属性:设置渐变风格,0表示均匀渐变,1表示线性渐变,2表示放射渐变,3表示直角渐变。
width:100%则表示参与渐变的对象的宽度,通常都设置为100%。
音画学堂
带颜色阴影效果:
<P align=center><FONT style="FONT-SIZE: 20pt; FILTER: dropshadow(color=#228B22,offX=5,offY=3,Positive=1); WIDTH: 100%; COLOR: #ff7f50; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B>带颜色阴影效果-音画学堂 </B></FONT></P>
带颜色阴影效果-音画学堂
波纹字体代码:
<FONT style="FONT-SIZE: 30pt; FILTER: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷"><B>波纹字体音画学堂 </B></FONT>
add属性:布尔型,0或1,0表示将原始对象加入最后效果中,1则反之;
freq属性:决定显示的频率,即应出现多少个波形;
phrase属性:决定波形的形状,值取0至360之间;
strength属性:决定波形的振幅。
彩色字体
衣带渐宽终不悔,为伊消得人憔悴。
衣带渐宽终不悔,为伊消得人憔悴。
衣带渐宽终不悔,为伊消得人憔悴。
衣带渐宽终不悔,为伊消得人憔悴。
代码
<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 color=#ff00ff>为</FONT><FONT color=#4900ff>伊</FONT><FONT color=#0052ff>消</FONT><FONT color=#00c0db>得</FONT><FONT color=#00c025>人</FONT><FONT color=#91c000>憔</FONT><FONT color=#ff8a00>悴</FONT><FONT color=#ff0000>。</FONT></FONT></FONT></STRONG></P>
阴影字体
日出江花红胜火 春来江水绿如蓝
日出江花红胜火 春来江水绿如蓝
日出江花红胜火 春来江水绿如蓝
日出江花红胜火 春来江水绿如蓝
代码
<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><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="; 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="; 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="; 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> </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://bbs.muwen.com/fileuploaddir/4B266583864.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://bbs.muwen.com/fileuploaddir/4B266583864.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="; 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.sucai86.com/sucai/14/1420054990530.gif">
<DIV align=center><FONT face=隶书 color=red size=7>愿你的人生绚丽</FONT></DIV></MARQUEE></DIV></MARQUE></MARQUEE>
左右运动的文字
欢迎光临
欢迎光临
代码
<P align=center><BR>
<MARQUEE direction=right behavior=alternate><B><FONT color=#990099 size=6 FONT><BR>
<MARQUEE style="WIDTH: 248px; HEIGHT: 200px" direction=up behavior=alternate width=248 height=200 align="middle">欢 迎 光 临 </MARQUEE><FONT color=red><BR>
<MARQUEE style="WIDTH: 246px; HEIGHT: 150px" direction=up behavior=alternate width=246 height=150>欢迎光临 <BR></MARQUEE><FONT color=#ff0000></FONT></B></FONT></FONT></FONT></MARQUEE></P>
原地齐跳的文字
代码
<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></FONT></CENTER>
交替跳跃的文字
代码
<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 height=160>
<CENTER><B>娟</B></CENTER></MARQUEE></MARQUEE></FONT></CENTER>
还可以为它们加上漂亮的模糊背景
代码
|
代码
|
|
代码
<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>
彩虹文字底色图案
留言与评论(共有 0 条评论) |