在HTML中，我们可以使用“hr标签”来实现一条水平线。hr，是horizon（水平线）的缩写。

语法：

<hr />

举例：

在线测试
<!DOCTYPE html> 
<html>
<head>
    <meta charset="utf-8" />
    <title>水平线标签</title>
</head>
<body>
    <h3>静夜思</h3>                  
    <p>床前明月光，疑是地上霜。</p>
    <p>举头望明月，低头思故乡。</p>
    <hr/>
    <h3>春晓</h3>                  
    <p>春眠不觉晓，处处闻啼鸟。</p>
    <p>夜来风雨声，花落知多少。</p>
</body>
</html>

浏览器预览效果如下图所示。

分析：

在绿叶学习网中有不少的水平线效果，其实都可以使用hr标签来实现的。