垂直线

在排版中，经常需要用到表示分隔线的垂直线，这种线条通常称为hr(horizontal rule)。

语法

在Markdown中，我们可以使用三个或更多连续的*、-或_来表示一条垂直线，例如：

---
***
___

以上三个例子都将生成一条垂直线，效果如下：

宽度

同时，我们也可以通过在*、-或_中间添加空格来设置垂直线的宽度，例如：

*   *   *

以上将生成一条宽度为3的垂直线，效果如下：

风格

我们可以使用HTML来控制垂直线的样式，例如：

<style>
  hr {
    border: none;
    border-top: 3px dotted #ccc;
    color: #333;
    background-color: #fff;
    height: 0;
  }
</style>
<hr />

以上将生成一条样式自定义的垂直线，效果如下：

总结

|语法|效果| |----|----| |--- *** ___|生成一条默认样式的垂直线| |* * * - - - _ _ _|生成一条指定宽度的垂直线| |<hr />|生成一条自定义样式的垂直线|

在排版时，hr是非常常用的元素，掌握它的语法与属性是非常必要的。