网站文字特效代码
网站文字特效代码
代码:
<TD height="40" valign="top" align="right">
<DIV style="BORDER-RIGHT: #ff6600 1px dashed; BORDER-TOP: #ff6600 1px dashed; BORDER-LEFT: #ff6600 1px dashed; WIDTH: 200px; BORDER-BOTTOM: #ff6600 1px dashed; TEXT-ALIGN: center"><B>文字特效代码整理</B></DIV></TD>
解释:
<TD height="40" valign="top" align="right">
TD,表格,可横向分割;
height,表格高度,40像素;
Valign,垂直方向的排列方式,top表示居顶;
align,水平方向的排列方式,right表示居右,图示中只有一个TD表格,故看不出来。
<DIV style="BORDER-RIGHT: #ff6600 1px dashed; BORDER-TOP: #ff6600 1px dashed; BORDER-LEFT: #ff6600 1px dashed; WIDTH: 200px; BORDER-BOTTOM: #ff6600 1px dashed; TEXT-ALIGN: center">
这一段是对表格内容的修饰。
Style,表示表格中内容的修饰风格;
BORDER-RIGHT: #ff6600 1px dashed; 右边框线,颜色#ff6600,线粗1个像素,dashed表示虚线。
同理,Top,Left,Bottom分别表示各位置的线的风格。
WIDTH: 200px 表示表格内容的宽度,200像素宽。
TEXT-ALIGN: center 表示表格内文字的align水平排列方式,center即居中。
投射陰影效果:
好像立體文字喔
代码:
<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#4A7AC9,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>好像立體文字喔 </FONT>
解释:
Font,即修饰字体。
Style,字体的风格。
FONT-SIZE: 12pt; 字体大小,12pt。
FILTER: Shadow(color=#4A7AC9,direction=135); 字体的投影修饰,阴影部分的颜色为 #4A7AC9,投影的方向为 135度的方向。
HEIGHT: 19pt 整个投影加文字的大小,19pt。
face=Verdana color=#ffffff 文字本身的字体和文字本身的颜色,可见文字为白色。
发光文字效果
什麼顏色最好看?
什麼顏色最好看?
代码:
<FONT style="FILTER: glow(color=#FF0080,strength=3); HEIGHT: 1px" face=標楷體 color=#ffffff size=4>什麼顏色最好看?</FONT>
解释:
FILTER: glow(color=#FF0080,strength=3); 字体的发光修饰,发光部分的颜色为 color=#FF0080 ,发光的深度为 strength=3 。
HEIGHT: 1px 发光的粗细,1px。
face=標楷體 color=#ffffff size=4 文字字体,颜色,大小。
日志文字
恩波博客
代码:
<FONT style="FONT-SIZE: 20pt; FILTER: glow(color=black); WIDTH: 100%; FONT-FAMILY: 华文彩云"><B>日志文字</B></FONT>
<FONT style="FONT-SIZE: 20pt; FILTER: glow(color=black); WIDTH: 100%; FONT-FAMILY: 华文彩云" color=#66cc00 size=2>恩波博客</FONT>
光晕效果:
☜♥☞恩波博客。代码:
<DIV style="FILTER: glow(color=#ff6600,strength=6); COLOR: #000000; HEIGHT: 10px"><FONT size=2>☜♥☞恩波博客。</FONT></DIV>
解释:
同发光文字的代码差不多,只不过发光的强度要大:) strength=6
颜色渐变字体效果:
☜♥☞恩波博客。
代码:
<FONT style="FONT-SIZE: 30pt; FILTER: alpha(opacity=100,style=1); WIDTH: 38.11%; COLOR: #4A7AC9; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷; HEIGHT: 40px"><B>☜♥☞恩波博客。</B></FONT>
解释:
opacity属性:设置透明度,取值0至100之间的任意数值,100表示完全不透明;
style属性:设置渐变风格,0表示均匀渐变,1表示线性渐变,2表示放射渐变,3表示直角渐变。
width:100%则表示参与渐变的对象的宽度。
|