![精通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=1738889349-A35pyFuigjo4uMwr6tWNFXS7qv5HSsnp-0-1fecd8ab6eedc40432d09489aa10bfc1)
在浏览器中的效果如图2.4所示。
![](https://epubservercos.yuewen.com/449AF5/15253390305248006/epubprivate/OEBPS/Images/Figure-P23_11984.jpg?sign=1738889349-fT0jVpcnKuCIshqLE7aBrZd102Hne2l8-0-dcf4c1456a6982fef255f968a5b2173c)
图2.4 水平线标签
在网页的排版过程中,如果添加水平线,可以让网页内容有条理的显示。使用水平线标签<hr />可以实现为网页添加水平线效果。代码如示例2.4所示。
示例2.4:
在浏览器中的效果如图2.4所示。
图2.4 水平线标签