在HTML中，设置水平线高度，有两个标签border和height，用法如下：
用border属性来设置一条水平线，如代码：
<div style="width:500px border:1px solid red"></div><!--注：border 这里指水平线高度！-->
使用background-color来制作一条线，和border基本类似，如代码
<div style="width:500px height:1pxbackground-color:red"></div><!--注：height:1px 这里指水平线高度！-->
使用hr标签可以制作一条水平直线，如代码：
<hr/><!--这个标签的涵义就是一条水平的直线，但是不灵活，现在基本没人使用！-->
1、Hr水平线案例代码片段：
我是html Hr实例<br />
<br />
效果如下：
<br />
<hr />
<a href=http://www.XXXXXX.com/>www.XXXXXXX.com</a>
<hr />
<p>我是XXXXXXXXXXHr实例 </p>
height:1pxfont-size:0pxbackground:#ff0000//理论上是这样写，但是这种写法兼容性不强。html本身自带的<hr>标签就是水平线，但是基本没人用，自带样式太不美观了。
所以不妨换个思路，用border 来解决。
height:12pxfont-size:12pxborder-bottom:1px solid #ff0000
