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