引用
q147376645.blog.16 的 效果字及代码使用
部份代码解释:
FILTER过滤器, 筛选。
LINE(排列、排队)-HEIGHT:(高度)WIDTH:(宽度)
FONT字体字形-FAMILY家族: 华文新宋(字体)
FONT-WEIGHT分量: bolder;黑体字粗体铅字
FONT-WEIGHT: normal;常态、正规、标准的
FONT-STYLE:风格、时尚、文体、风度、类型、字体
FONT-VARIANT:变量
FONT-SIZE: 30pt字体大小
glow发光, 发热(发光字)
direction(方向只能是45度的倍数如:45,90,135,180,225,270,315度)
dropshadow落下阴影影子影像
shadow阴影
positive是设置阴影的强度
offX水平位移offY垂直位移(可正可负)
strength=3(发光力量、浓度)
围边大小FILTER: glow(color=#00FF00,strength=2);
style="filter:Glow(color=#4A7AC9,strength=15);边框效果
style="filter:Wave(freq=7,strength=9,lightstrength=5,phase=5)波形效果
style="filter:Invert"色彩对换
blur视线(add添加, 计算...总和=1, direction=100,strength=10);
chroma(色彩的)浓度, 色度
mask戴面具, 掩饰, 使模糊
FILTER: FlipV;变址V形物即倒影
MARQUEE四周开敞的大帐篷
behavior举止行为=alternate交替的
direction=up向上
behavior=slide幻灯片效果
1、彩色字体色彩绚丽(代码及样字)。
<P align=center><FONT size=6><FONT face=华文行楷><FONTcolor=#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>
色字体色彩 绚丽
注解:这种字体只是通过改变每个字的颜色
2、发光文字(代码及样字)。
<P align=center><table style="FILTER: glow(color=#ffb6c1,direction=3)"><font color=#ff0000 size=6>发光效果字</font></table></P>
发光效果字
注解:其中glow是发光, color=#ffb6c1是阴影的颜色,可以配合网页色调改变,direction=3是设置阴影的强度,font color是原字体的颜色
3、浮雕的文字(代码及样字)。
<P align=center><table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);"><font color=#ffffff size=6>浮雕效果字</font></table></P>
浮雕效果字
注解:其中dropshadow落下阴影影子影像,color=#6699FF是阴影的颜色,可以配合网页色调改变,positive=1是设置阴影的强度,offx和offy是设置轴向的阴影和文字的距离,font color是原字体的颜色
4、阴影文字:
<P align=center><TABLE style="FILTER: dropshadow(color=#cccccc, offx=4, offy=4, positive=2)"><FONT color=#ff0000 size=6>阴影效果字</FONT></table></STRONG></P>
阴影效果字
注解:其中color=#cccccc是阴影颜色,offx=4、offy=4轴向移位,positive=2阴影强度
5、阴影字体
<CENTER>
<DIV style="FILTER: shadow(color=ffc0cb); WIDTH: 450px; LINE-HEIGHT: 100%"><FONT style="FONT-SIZE: 30pt; COLOR: #ff0000; FONT-FAMILY: 华文新宋">阴影字体 </FONT></DIV></CENTER>
阴影字体
注解:其中FONT-SIZE: 30pt;是字磅数越大字越大,color=ffc0cb阴影颜色
6、围边字体:
<CENTER>
<DIV style="FILTER: glow(color=00FF00,strength=2); WIDTH: 450px; LINE-HEIGHT: 150%"><FONT style="FONT-SIZE: 30pt; COLOR:ff0000; FONT-FAMILY: 华文行楷">围边字体 </FONT></DIV></CENTER>
围边字体
注解:其中FONT-SIZE: 30pt;是字磅数越大字越大,color=#00FF00边围颜色,strength=2发光强度,COLOR:ff0000字体颜色,LINE-HEIGHT: 150%设置高度
7、投影字体:
<CENTER>
<DIV style="FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; LINE-HEIGHT: 150%"><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 30pt; COLOR:ffff00">投影字体</FONT></DIV></CENTER> 投影字体
注解:其中FONT-WEIGHT分量: bolder;黑体字粗体铅字,blur视线,direction=45方向,strength=10发光强度, color=ffff00字体颜色
8、倒影字。
<P align=center><FONT style="FONT-SIZE: 20pt; WIDTH: 100%; COLOR: #FFA500; LINE-HEIGHT: 150%; FONT-FAMILY: 方正姚体"><B>倒影字字倒影</B></FONT><FONT style="FONT-SIZE: 20pt; FILTER: FlipV; WIDTH: 100%; COLOR: #FFFF00; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏"><B><I>倒影字字倒影<I></B></FONT></P></I></I></EM>
倒影字字倒影 >倒影字字倒影
注解:其中FILTER: FlipV是翻转,正反二种字设二种颜色。
9、立体字
<DIV align=center style="FILTER: shadow(color=#c299ff, strength=30); WIDTH: 680px; HEIGHT: 60px"><FONT size=3><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#fff000>欢迎您</FONT><BR></FONT></DIV>
欢迎您
注解:
10、抛射字体
<DIV align=center>
<DIV style="FILTER: shadow(color=#FF9999,direction=225, strength=50); WIDTH: 480px; HEIGHT: 80px"><FONT face=华文行楷 color=#ff0000 size=5><B><CENTER>抛射</B></CENTER></FONT></DIV></DIV>
抛射字
注解:
11、模糊的背景字。
<CENTER>
<CENTER><FONT style="FONT-SIZE: 20pt; FILTER: glow(color: 00cc00,strength=20); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=120 height=120>
<CENTER><B>模</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=80>
<CENTER><B>糊</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=120>
<CENTER><B>背</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=80>
<CENTER><B>景</B></CENTER></MARQUEE></FONT></CENTER></CENTER>
注解:
评论