HTML <hr>标签在 HTML 页面中创建一条水平线；水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。
<hr>标签的厚度可以使用CSS中的height属性设置；最小高度可以是1px，因为可用的最小单位是1像素。也可以使用CSS属性来设置<hr>标签的样式以使hr标签在外观上更加美观。
示例1：使用CSS height属性来设置<hr>标签的厚度
效果图：
示例2：使用CSS属性来设置<hr>标签的样式
效果图：
本文参考地址： https://www.html.cn/qa/css3/10312.html
在HTML中设计水平线的方法如下
1 在网页设计过程中，如果随意利用缺省水平线，常常会出现插入的水平线与整个网页颜色不协调的情况。打开水平线属性面板也只有宽、高、对齐以及阴影方面的设置。
2，对水平线颜色的设置，怎么办? 其实，你只要仔细看一下水平线的属性设置面板，就会发现一个“快速标签编辑器”，点击此标签并在后面输入color=颜色。这里的“颜色”可以是任何颜色，一般格式为：<hr color=#FF0000>。
3，用这个方法设置后，在Dreamweaver中无法直接看到效果，我们可以点击“F12”键，在浏览器里浏览水平线的颜色变化。
最后，再告诉你个小技巧
诸如“#FF0000”这样的颜色代码对于初级朋友来说不容易分辩，你可以这样做：给网页中的字体加上颜色此颜色是你想给水平线所要加的颜色，然后把颜色代码复制并粘贴到水平线的“快速标签编辑器”即可。
<hr> 标签定义 HTML 页面中的主题变化（比如话题的转移），并显示为一条水平线。<hr> 元素被用来分隔 HTML 页面中的内容（或者定义一个变化）。
在 HTML5 中，<hr> 定义内容中的主题变化，并显示为一条水平线。
在 HTML 4.01 中，<hr> 标签仅仅显示为一条水平线。
在 HTML 4.01 中，所有的布局属性都 已废弃。在 HTML5 中不再支持这些属性。请使用 CSS 来为 <hr> 元素定义样式
简单的说就是一条分割线，或者称为水平线。
