css分割线+三段 |css样式 教程

hr {
border: none;
border-top: 1px dashed #999;
height: 0;
margin: 20px 0;
}

上述代码中，<hr>标签的样式被修改为实线变为虚线，颜色为灰色，高度为0，即没有线的厚度，而margin-top和margin-bottom为20px，即为分割线预留出的上下空白。

<p>第一段文本</p>
<hr>
<p>第二段文本</p>
<hr>
<p>第三段文本</p>

在HTML中，可以通过插入<hr>标签来插入分割线。三段文本之间的分割线为同样的样式，可以将样式放在CSS文件中，以达到复用的目的。通过以上的代码，在三段文本之间，就会插入一条虚线的分割线。