|
代码生成的分割线
|
基本分割线效果:
代码:
<hr width=500 size=2 color=#FF00CC align=center noshade>
|
详解:width=500 表示分割线的长度为500,也可以是百分比;color=#FF00CC表示分割线的颜色是绿色,绿色代码是#FF00CC,size=2表示分割线的厚度为2。 align=center表示分割线是居中位置,其中align=left表示居左、align=right表示居右。 noshade 是否有立体效果。 |
两边透明渐变效果:
代码:
<hr width=500 size=3 color=#FF00CC align=center style="FILTER: alpha(opacity=100,finishopacity=0,style=3)">
|
右边透明渐变效果:
代码:
<hr width=500 size=3 color=#FF00CC align=center style="FILTER: alpha(opacity=100,finishopacity=0,style=1)">
|
波浪线效果:
代码:
<hr width=500 size=3 color=#FF00CC style="border:1 dashed #FF00CC">
|
其中,border:1的数值1可以随意更改,每个数字代表不同的效果
|
双线效果:
代码:
<hr width=500 size=3 color=#FF00CC align=center style="border:3 double FF00CC">
|
立体阴影效果:
代码:
<hr width=500 size=5 color=#FF0000 style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#FF00CC,direction:150,strength:15)">
|
粒子扩散效果:
代码:
<hr width=500 size=3 color=#FFFF00 style="filter:progid:DXImageTransform.Microsoft.Glow(color=#ffff00,strength=10)">
|
粒子两边雾化效果:
代码:
<hr width=500 size=30 color=#FF00FF style="filter:alpha(opacity=150,finishopacity=0,style=2)">
|
邮票式效果:
代码:
<hr width=500 size=10 color=#FF00FF style="border:3 dashed #00ffff" bgcolor="#00ffff">
|
以上代码并不是只有这些效果,仍可以做出许多不同效果,只能靠多动手摸索了 |
|

|