加载中…
分割线的添加方法及线的美化
(2006-03-22 21:14:01)| 分类： BLOG的装饰一点通 |
![http://www.oicq88.com/88/gifs/ccbear13[1].gif](http://www.oicq88.com/88/gifs/ccbear13[1].gif){kind=link}
align 规定线条位置，有left、right、center；noshade 表示是否有立体效果。
<hr width=80% size=3 color=#5151A2 style="FILTER: alpha(opacity=100,finishopacity=0,style=3)">
右边渐变透明：
<hr width=80% size=3 color=#5151A2 style="FILTER: alpha(opacity=100,finishopacity=0,style=1)">
画虚线：
<hr width=80% size=1 color=#5151A2 style="border:1 dashed #5151A2">
画双线：
<hr width=80% size=3 color=#5151A2 style="border:3 double green">
立体效果：
<hr width=80% size=3 color=#5151A2 style="filter:progid:DXImageTransform.Microsoft.Shadow(color#5151A2,direction:145,strength:15)">
<hr width=80% size=30 color=#5151A2 style="filter:alpha(opacity=100,finishopacity=0,style=2)">
钢针效果：
<hr width=80% size=3 color=#5151A2 style="filter:progid:DXImageTransform.Microsoft.Glow(color=#5151A2,strength=10)">
实心的线条:<HR align=left width=490 color=#990099 SIZE=3 noShade>
竖直线：<HR align=center width=1 color=red size=100>
虚线：<hr size=1 style="color: blue;border-style:dotted;width:490">
size=1:size=2:
size=3:
size=4:
size=5:
size=6:
size=7:
size=8:
size=9:
size=20:
双线：<hr size=1 style="COLOR:#ff9999;border-style:double;width:490">
size=1:size=2:
size=3:
size=4:
size=5:
size=6:
size=7:
size=8:
size=9:
size=20:
立体感： <hr size=8 style="COLOR: #ffd306;border-style:outset;width:490;">
size=20:
左边逐渐变透明：<hr size="2" color="#ff9966" style="filter:alpha(opacity=10,finishopacity=100,style=1,startX=0,startY=0,finishX=100,finishY=100);width:490;">
右边逐渐变透明：<hr size="2" color="#ff9966" style="filter:alpha(opacity=10,finishopacity=100,style=1,startX=100,startY=100,finishX=0,finishY=0);width:490;">
喜欢
0
赠金笔