通过设置HR的属性来控制标签的水平线的长度跟颜色，width=" " 来控制为宽度，color=" " 来控制水平线的颜色。
<hr width="宽度" color="颜色"> 宽度范围为1到100，颜色可以任意设置指定的RGB颜色代码。通过这种方式来设置HR标签的长度跟颜色。
<hr>标签在 HTML 页面中创建一条水平线。水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。
<hr />是网页编辑里的一个标签，其表现形式为一条横线。
扩展资料
<hr width="90%" size="1" color="red" />
说明：width=" " 引号里为宽度
size=" " 引号里为高度
color=" " 水平线的颜色
noshade="noshade"定义不投影
color=" "定义线条的颜色
align=" "设置对齐
在 HTML 4.01 中，不赞成使用 hr 元素的 size、width、noshade、 align属性；在 XHTML 1.0 Strict DTD 中，不支持 hr 元素的这些属性，请使用 CSS 代替。
示例可改为：<hr style="width:90%height:1color:red" />
参考资料来源：百度百科-HR
在HTML中设计水平线的方法如下
1 在网页设计过程中，如果随意利用缺省水平线，常常会出现插入的水平线与整个网页颜色不协调的情况。打开水平线属性面板也只有宽、高、对齐以及阴影方面的设置。
2，对水平线颜色的设置，怎么办? 其实，你只要仔细看一下水平线的属性设置面板，就会发现一个“快速标签编辑器”，点击此标签并在后面输入color=颜色。这里的“颜色”可以是任何颜色，一般格式为：<hr color=#FF0000>。
3，用这个方法设置后，在Dreamweaver中无法直接看到效果，我们可以点击“F12”键，在浏览器里浏览水平线的颜色变化。
最后，再告诉你个小技巧
诸如“#FF0000”这样的颜色代码对于初级朋友来说不容易分辩，你可以这样做：给网页中的字体加上颜色此颜色是你想给水平线所要加的颜色，然后把颜色代码复制并粘贴到水平线的“快速标签编辑器”即可。
