修改hr标签的颜色

之前的时候遇到线条的颜色都是直接使用div，然后使用padding属性让它和它里面的内容区分出来。

今天在写的时候突然觉得如果每次都是这样的话，hr标签就会浪费掉了。于是在网上搜了一下，发现可以进行如下设置：

1）不要再使用color这个属性了，而是使用background-color属性。

2）因为hr标签是块级标签，所以它是有边框的，我们需要设置它自身的边框为0。

3）然后定义自己的hr的高度和颜色。

即：

<hr style="background: #3694f9;height: 1px;border: none;">