CSS中,可以通過border屬性來設置水平線(hr)的樣式。默認情況下,水平線是實線,但是我們可以使用CSS讓水平線變成虛線。
首先,我們需要給水平線設置一個border樣式,例如:
hr { border: solid 1px #333; }
這個樣式會讓水平線變成實線,并且線的顏色為#333。
為了讓水平線變成虛線,我們需要使用border-style屬性,并將其值設為dashed。border-style能夠設置邊框的樣式,包括實線(solid)、虛線(dashed)、點線(dotted)等等。例如:
hr { border: 1px dashed #333; }
這個樣式會讓水平線變成虛線,并且線的顏色為#333。
如果我們希望水平線的寬度更寬一些,可以將border-width屬性的值適當調大。例如:
hr { border: 2px dashed #333; }
這個樣式會讓水平線變成2像素寬的虛線,并且線的顏色為#333。
需要注意的是,水平線是一個自閉合的標簽,因此不需要寫結束標簽。例如:
最終的效果如下:
上一篇css把邊框變圓
下一篇css把文字固定在最右邊