![精通HTML+CSS网页开发与制作](https://wfqqreader-1252317822.image.myqcloud.com/cover/895/26793895/b_26793895.jpg)
上QQ阅读APP看书,第一时间看更新
2.4 为网页添加水平线
在网页的排版过程中,如果添加水平线,可以让网页内容有条理的显示。使用水平线标签<hr />可以实现为网页添加水平线效果。代码如示例2.4所示。
示例2.4:
![](https://epubservercos.yuewen.com/449AF5/15253390305248006/epubprivate/OEBPS/Images/Figure-T23_19606.jpg?sign=1734465803-aPMUgUHb0igo6iqso458skTdK77ccAHE-0-18ead6766fea474f339a5c734b1b905f)
在浏览器中的效果如图2.4所示。
![](https://epubservercos.yuewen.com/449AF5/15253390305248006/epubprivate/OEBPS/Images/Figure-P23_11984.jpg?sign=1734465803-9nfx7W4zZMGITbA9U9DI3Vto8WnVH8o8-0-d398dbe5be99acea5a4d72e8cbb6fccb)
图2.4 水平线标签
在网页的排版过程中,如果添加水平线,可以让网页内容有条理的显示。使用水平线标签<hr />可以实现为网页添加水平线效果。代码如示例2.4所示。
示例2.4:
在浏览器中的效果如图2.4所示。
图2.4 水平线标签