HTML中的hr標簽是用來插入分割線的元素。分割線可以改變其寬度和顏色,但是默認為一條水平線。
使用hr標簽插入分割線非常簡單,只需要在HTML文檔中插入如下代碼即可:
<hr>但是有時候我們可能希望分割線不只是一條水平線,而是能夠設置為不同的形式,如點線(dotted)、破折線(dashed)等。 為了實現(xiàn)這樣的分割線效果,我們可以使用CSS的border-style屬性來設置hr標簽的樣式。 下面是一個例子,演示如何將hr標簽設為點線:
<style> hr{ border-style:dotted; } </style> <hr>在上面的代碼中,通過添加了style標簽來引入CSS樣式。然后,將hr元素的border-style屬性設置為dotted,即可將分割線設為點線。 同樣的,如果我們想將分割線設為破折線,只需要將border-style屬性設置為dashed即可:
<style> hr{ border-style:dashed; } </style> <hr>除了點線和破折線之外,border-style屬性還可以設置其他的分割線樣式,如實線(solid)、雙線(double)等等。 總之,通過CSS中的border-style屬性,我們可以方便地改變hr元素的分割線樣式,從而達到更好的視覺效果。