在CSS中,text-decoration
屬性用于設置文本的裝飾效果,如下劃線、刪除線和閃爍等。
text-decoration: none; /* 不顯示任何裝飾 */ text-decoration: underline; /* 顯示下劃線 */ text-decoration: overline; /* 顯示上劃線 */ text-decoration: line-through; /* 顯示刪除線 */ text-decoration: blink; /* 顯示閃爍,但大多數瀏覽器已經不再支持 */
需要注意的是,text-decoration
屬性默認情況下只對a
標簽上的文本有效。但是,還可以通過設置text-decoration-skip
屬性來控制該屬性的應用范圍。
text-decoration-skip: none; /* 鏈接上方和下方的空白處沒有下劃線 */ text-decoration-skip: ink; /* 避免出現下劃線穿過文本中沒有字形的空白處 */
此外,text-decoration
屬性還可以與其他 CSS 屬性混合使用,如text-decoration-color
和text-decoration-line
。
text-decoration-color: green; /* 設置下劃線和刪除線的顏色 */ text-decoration-line: underline overline line-through; /* 同時設置下劃線、上劃線和刪除線 */
最后,需要注意的是,text-decoration
屬性對于一些特殊字體(如字體符號)可能無效,這時候需要使用其他辦法來達到裝飾效果。
上一篇mysql修改表注釋
下一篇a 點擊切換 css樣式