hr标签是单独使用的标签,是水平线标签,用于段落与段落之间的分隔,使文档结构清晰明了,使文字的编排更整齐 通过设置<hr>标签的属性值,可以控制水平分隔线的样式。 <hr>属性: size: 设置水平分隔线的高度,单位:像素默认值是2 width: 设置水平分隔线的宽度, 单位:像素 %默认值是100% align: 设置水平分隔线的对齐方式。 默认值是center还有left right color: 设置水平分隔线的颜色。 默认值是black noshade: 取消水平线的3d阴影 例:<hr size=1 color=redwidth=300> 显示效果如下: 如果想要垂直的线,可以这样来进行设置: 例: <hr size=50color=red width=3align=center> 效果如下: 我们经常也用<hr>来进行设置虚线 可由以下几种方法: 最简单一种: <hrwidth=150 style="border:1px dashed red;height:1px"> 效果如下: dashed为虚线的意思 red就是直接定义的颜色 还有一种: <hr style="BORDER-BOTTOM-STYLE: dotted;BORDER-LEFT-STYLE: dotted; BORDER-RIGHT-STYLE: dotted;BORDER-TOP-STYLE: dotted" color=blue size=1width=80> 效果如下: 再一种就是利用css来进行控制: 例: <STYLE type=text/css> .dotline { BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted;BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted } </STYLE> 而在使用时,:<hr class=dotline color=greensize=3 width=200> |