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文件中,以達到復用的目的。通過以上的代碼,在三段文本之間,就會插入一條虛線的分割線。