1、size线段粗细的设定:

    <HR> 这是第一条线段,无size设定,取内定值SIZE=1来显示
    <HR SIZE=5> 这是第二条线段,SIZE=5
    <HR SIZE=10> 这是第三条线段,SIZE=10

这是第一条线段,无size设定,取内定值SIZE=1来显示 这是第二条线段,SIZE=5 这是第三条线段,SIZE=10


2、width线段长度的设定:

    <HR SIZE=3> 这是第一条线段,无WIDTH设定,取WIDTH内定值100%来显示
    <HR width=50 SIZE=5> 这是第二条线段,WIDTH=50(点数方式)
    <HR width="50%" SIZE=7> 这是第三条线段,WIDTH=50%(百分比方式)

这是第一条线段,无WIDTH设定,取WIDTH内定值100%来显示 这是第二条线段,WIDTH=50(点数方式) 这是第三条线段,WIDTH=50%(百分比方式)


3、align线段排列的设定:

    <HR width="50%" SIZE=5> 这是第一条线段,无ALIGN设定,(取内定值RIGHT显示)
    <HR align=center width="60%" SIZE=7> 这是第二条线段,居中对齐
    <HR align=right width="70%" SIZE=2> 这是第三条线段,向右对齐

这是第一条线段,无ALIGN设定,(取内定值RIGHT显示) 这是第二条线段,居中对齐 这是第三条线段,向右对齐

 
4、noshade无阴影的设定,为实心线段:

    <HR WIDTH=80% SIZE=5> 这是第一条线段,无NOSHADE设定,取内定值阴影效果来显示
    <HR WIDTH=80% SIZE=7 ALIGN=LEFT NOSHADE> 这是第二条线段,有NOSHADE设定

这是第一条线段,无NOSHADE设定,取内定值阴影效果来显示 这是第二条线段,有NOSHADE设定

 
HR标签水平分隔线修饰特效:

none:无样式;dotted:点线;dashed:虚线;solid:实线;

double:双线;groove:槽线;ridge:脊线;inset:内凹;outset:外凸。

 1、dotted:点线
    <HR style="border:3 dotted #ff0033" width="100%" SIZE=3>

 2、dashed:虚线
    <HR style="border:3 dashed #ff0033" width="100%" SIZE=3>

 3、solid:实线
    <HR style="border:3 solid #ff0033" width="100%" SIZE=3>

 4、double:双线
    <HR style="border:3 double #ff0033" width="100%" SIZE=3>

 5、groove:槽线
    <HR style="border:6 groove #ff0033" width="100%" SIZE=6>

 6、ridge:脊线
    <HR style="border:6 ridge #ff0033" width="100%" SIZE=6>

 7、inset:内凹
    <HR style="border:6 inset #ff0033" width="100%" SIZE=6>

 8、outset:外凸
    <HR style="border:6 outset #ff0033" width="100%" SIZE=6>

通过实践5—8并不理想,最好不要用。

两头渐变透明 纺锤形 右边渐变透明 左边渐变透明 立体效果 钢针效果

备注:这几种效果不适合表内嵌套存在,例句写在表外:

 1、两头渐变透明:
    <HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3>

 2、纺锤形:
    <HR style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" width="80%" color=#987cb9 SIZE=10>

 3、右边渐变透明:
    <HR style="FILTER: alpha(opacity=100,finishopacity=0,style=1)" width="80%" color=#987cb9 SIZE=3>

 4、左边渐变透明:
    <HR style="FILTER: alpha(opacity=0,finishopacity=100,style=1)" width="80%" color=#987cb9 SIZE=3>

 5、立体效果:
    <HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#987cb9,direction:145,strength:15)" width="80%" color=#987cb9 SIZE=1>

 6、钢针效果:
    <HR style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9,strength=10)" width="80%" color=#987cb9 SIZE=1>