HTML中的HR属性
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>
版权所有: 本文系米扑博客原创、转载、摘录,或修订后发表,最后更新于 2014-04-27 15:18:53
侵权处理: 本个人博客,不盈利,若侵犯了您的作品权,请联系博主删除,莫恶意,索钱财,感谢!
转载注明: HTML中的HR属性 (米扑博客)