<hr style="text-align:left">或 <hr align="left">
<hr>的颜色设置
<hr style="border:0background-color:#ff0000height:1px">
如果不加border:0的话，虽然颜色改变了，但是会显示一条黑色的边框。如果不加height:1px的话，在chrome会显示不出来。
如何使用CSS更改hr标签的厚度？下面本篇文章就来给大家介绍一下使用CSS更改hr标签的厚度的方法，希望对大家有所帮助。
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
1，<br>可插入一个简单的换行符。
<br>标签是空标签（意味着它没有结束标签，因此这是错误的：<br></br>）。在 XHTML 中，把结束标签放在开始标签中，也就是 <br />。
请注意，<br>标签只是简单地开始新的一行，而当浏览器遇到 <p>标签时，通常会在相邻的段落之间插入一些垂直的间距。
如下这个示例：
<html><body>
<p>
测试<br />测试文字<br />这是第三行了
</p>
</body>
</html>
2，<hr>标签在 HTML 页面中创建一条水平线。
水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。
如下这个示例：
<html><body>
<p>hr 标签定义水平线：</p>
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
</body>
</html>
