css 的 text-decoration 屬性可為文本添加裝飾效果,包括下劃線、刪除線、上劃線。用法:text-decoration: none(無裝飾)、underline(下劃線)、overline(上劃線)、line-through(刪除線)。
CSS text-decoration 的作用
CSS 的 text-decoration
屬性用于為文本添加裝飾效果,如下劃線、刪除線和上劃線。
功能:
text-decoration
屬性可以指定以下四種裝飾效果:
underline:在文本下方添加一條線。
overline:在文本上方添加一條線。
line-through:在文本中間添加一條線。
none:移除所有文本裝飾。
語法:
text-decoration
屬性的語法如下:
<code>text-decoration: none|underline|overline|line-through|initial|inherit;</code>
登錄后復制
用法:
要為元素的文本添加裝飾,可以使用 text-decoration
屬性,如下所示:
<code class="css">p { text-decoration: underline; }</code>
登錄后復制
以上代碼將為段落 <p></p>
中的文本添加下劃線。
示例:
以下是使用不同 text-decoration
值創建文本裝飾效果的一些示例:
下劃線: <p style="text-decoration: underline;">帶下劃線的文本</p>
刪除線: <p style="text-decoration: line-through;">帶刪除線的文本</p>
上劃線: <p style="text-decoration: overline;">帶上劃線的文本</p>
無裝飾: <p style="text-decoration: none;">無文本裝飾</p>
兼容性:
text-decoration
屬性在所有現代瀏覽器中都得到廣泛支持。