CSS text-decoration的作用

ID:14907 / 打印
css 的 text-decoration 属性可为文本添加装饰效果,包括下划线、删除线、上划线。用法:text-decoration: none(无装饰)、underline(下划线)、overline(上划线)、line-through(删除线)。

CSS text-decoration的作用

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; }

以上代码将为段落

中的文本添加下划线。

示例:

以下是使用不同 text-decoration 值创建文本装饰效果的一些示例:

  • 下划线:

    带下划线的文本

  • 删除线:

    带删除线的文本

  • 上划线:

    带上划线的文本

  • 无装饰:

    无文本装饰

兼容性:

text-decoration 属性在所有现代浏览器中都得到广泛支持。

上一篇: 网页设计css元素包括哪些
下一篇: css选择器有哪几种类型

作者:admin @ 24资源网   2024-10-18

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。