在網(wǎng)頁開發(fā)中,我們經(jīng)常需要對一些文字進(jìn)行特殊的樣式設(shè)置,加上下劃線是其中之一。下面我們來介紹在CSS中如何給文字添加下劃線。
p { text-decoration: underline; }
在以上代碼中,我們使用了CSS的text-decoration
屬性。該屬性可以用于修飾文本,包括字體下劃線、刪除線、以及文字顏色等。下面我們來逐一介紹如何使用該屬性來添加下劃線。
1. 單一下劃線
p { text-decoration: underline; }
上述代碼會在文本下方渲染一條單線下劃線。
2. 雙下劃線
p { text-decoration: underline double; }
這段代碼會在文本下方渲染一條雙線下劃線。同理,如果要使用三線、四線下劃線,只需要將double
替換為triple
或quadruple
即可。
3. 下波浪線
p { text-decoration: underline wavy; }
這段代碼會在文本下方渲染一條波浪線下劃線。
以上是CSS中添加下劃線的常用方式,此外,還可以通過border-bottom
屬性實(shí)現(xiàn)底部邊框樣式,實(shí)現(xiàn)類似下劃線的效果。具體可以根據(jù)需求自行調(diào)整。
上一篇actions vue
下一篇seo vue