CSS text-decoration属性

简介

text-decoration是CSS中用来控制文本修饰的属性，包括下划线、删除线、方框线和波浪线等。

语法

text-decoration: none | underline | overline | line-through | blink;

属性值解释：

• none：无修饰
• underline：下划线
• overline：上划线
• line-through：删除线
• blink：闪烁线（不被所有浏览器支持）

示例

a {
  text-decoration: none;
}

h1 {
  text-decoration: underline;
}

h2 {
  text-decoration: overline;
}

h3 {
  text-decoration: line-through;
}

p {
  text-decoration: underline overline;
}

其它用途

除了上述的文本修饰外，text-decoration属性还可以用来实现列表样式：

ul {
  list-style: none;
}

li:before {
  content: "\2022";
  text-decoration: none;
  margin-right: 0.5em;
}

注意事项

在一些浏览器中，text-decoration: blink可能会被禁用，而且这种效果可能会引起用户眩晕等问题，因此不应滥用。同时，使用文本修饰也要注意对可访问性的影响，比如在不同语言环境中下划线的含义可能不同。