为<hr>添加样式

内容不多，顶多算是随笔了。
< hr>默认样式( 没有空格标签就给编译成下面这个样子了..):

---

< hr>首先是一个块元素，类似带有默认样式的div元素。那我们就知道怎么对它修改样式了，常见的需要就是改个颜色或者高度了。

//css
hr{
    background-color: red;
    height: 1px;
    border: none;
}

高度设为1px则上下边框会重合，背景色“转化”成了边框颜色。
border要设置为none属性，否则实际效果依然不是1px,而会有点粗。。

其它实现方法：

hr{
    border: none;
    border-top: 1px solid red;
}

使用单挑边框样式，由于border-top只是一条线，这样我们就可以对“这条线”进行样式操作了，是不是更直观些呢？包括dotted dashed这些都支持，是不是更简单些呢？