text-decoration 是 CSS 中用于设置文本修饰(如下划线、删除线等)的属性。它可以应用于文本内容的行内元素。

以下是一些常见的取值:

1. none(无修饰): 默认值,文本无任何修饰。
   p {
     text-decoration: none;
   }

2. underline(下划线): 在文本下方添加下划线。
   p {
     text-decoration: underline;
   }

3. overline(上划线): 在文本上方添加上划线。
   p {
     text-decoration: overline;
   }

4. line-through(删除线): 在文本中间添加删除线。
   p {
     text-decoration: line-through;
   }

5. underline overline(同时添加上划线和下划线):
   p {
     text-decoration: underline overline;
   }

6. none underline(同时添加下划线,但无删除线):
   p {
     text-decoration: none underline;
   }

该属性还可以与 color、style 和 thickness 等其他属性一起使用,以更精确地控制文本的修饰效果。例如:
a {
  text-decoration: underline dotted blue; /* 下划线,点状,蓝色 */
}

请注意,这些效果可以应用于不同的文本元素,如链接、段落等,具体效果和浏览器的默认样式可能会有所不同。在某些情况下,需要使用更具体的选择器或者重置浏览器的默认样式以确保一致的显示。


转载请注明出处:http://www.zyzy.cn/article/detail/6135/CSS