HTML_水平线详解

时间:2021-03-03 08:13:03

       水平分隔线可以从视觉上将文档分割成各个不同的部分。这样可以给浏览者一个整洁而明确的视觉指示,告诉他们文档一个部分已经结束,而另一个部分即将开始。水平分隔线有效的将文本分割成小块,并界定了文档的页首和页尾,另外还突出了对文档内标题的显示。


<hr>标签:

此标签告诉浏览器要插入一条横跨整个窗口的水平分隔线。注意:

①该标签没有结束标签

②同<br>标签一样也强制执行一个简单的换行

③导致段落对齐重新重新回到左对齐

详细属性如下图:

HTML_水平线详解

属性说明:

align属性:创建左对齐或者右对齐的分隔线。属性值可能有三个:left\center\right。注意:那些宽度小于当前文

           本流宽度的分隔线会相对于窗口边界进行定位。默认的对其方式是center。

color属性:设置分隔线的颜色。默认情况下,分隔线的颜色与文档的背景颜色相同,只是凹陷的边缘部分背景颜色

           略深或者略浅。当指定颜色的时候,就会失去这种凹陷的3D效果。

noshade属性:使水平线不出现阴影。属性值为noshade。

size和width属性:分别设置分隔线的高度(上下方向)和宽度(左右方向)。

代码示例:

<body>
<title>此处是正文的标题</title>
<hr align="center" width="650" size="4" color="#006699" noshade="noshade"/>
</body>
运行结果展示:

HTML_水平线详解