2.8 水平线<hr>_HTML+CSS+JavaScript网页制作：从入门到精通（第4版）-QQ阅读男生轻小说网

上QQ阅读APP看书，第一时间看更新

2.8　水平线<hr>

在网页中常常看到一些水平线将段落与段落之间隔开，这些水平线可以通过插入图像实现，也可以更简单地通过标签来完成。

<hr> 标签可以在 HTML 页面中创建一条水平线，在视觉上将文档分隔成各个部分。

语法：

<hr>

【例2-6】

在古诗的题目下方通过<hr>标签插入一条水平线，使题目和内容区分开来，在浏览器中的显示效果如图2-8所示。

<!DOCTYPE html>
<html lang="zh">
    <head>
       <meta charset="UTF-8">
       <title>静夜思</title>
    </head>
    <body>
       <h2>静夜思</h2>
       <hr>
       <p>李白</p>
       <p>床前明月光，<br>疑是地上霜。<br>举头望明月，<br>低头思故乡。</p>
    </body>
</html>

图2-8　水平线的显示效果