实心的线条:<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">
双线:<hr size=1 style="COLOR:#ff9999;border-style:double;width:490">
立体感: <hr size=8 style="COLOR: #ffd306;border-style:outset;width:490;">
左边逐渐变透明:<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;">
样式:
代码如下:
<hr STYLE="WIDTH: 100%; COLOR: #999; BORDER-TOP-STYLE: dashed; BORDER-RIGHT-STYLE: dashed; BORDER-LEFT-STYLE: dashed; HEIGHT: 1px; BORDER-BOTTOM-STYLE: dashed"></HR>
用<hr>标签
最基本的:<hr width=300 size=1 color=#5151A2 align=center noshade>
其中 width 规定线条的长度,还可以是百分比;color 表示颜色,size 表示厚度;
align 规定线条位置,有left(左对齐)、right(右对齐)、center(中对齐);noshade 表示是否有立体效果。
两头渐变透明: (利用CSS滤镜处理)
<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)">
实心的线条:
竖直线:
虚线:
双线:
立体感:
左边逐渐变透明:
右边逐渐变透明:
样式: 代码如下:
用
标签 最基本的:
其中 width 规定线条的长度,还可以是百分比;color 表示颜色,size 表示厚度; align 规定线条位置,有left(左对齐)、right(右对齐)、center(中对齐);noshade 表示是否有立体效果。 两头渐变透明: (利用CSS滤镜处理)
右边渐变透明:
画虚线:
画双线:
立体效果:
纺棰形:
钢针效果:
比较漂亮的分割线代码
相关文章
还没有评论
发表评论