CSS text-decoration的作用

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 属性的语法如下：

text-decoration: none|underline|overline|line-through|initial|inherit;

用法：

要为元素的文本添加装饰，可以使用 text-decoration 属性，如下所示：

p {
  text-decoration: underline;
}

以上代码将为段落 <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 属性在所有现代浏览器中都得到广泛支持。

以上就是 CSS text-decoration 的作用的详细内容，更多请关注码云笔记网其它相关文章！