如何从链接中删除下划线 - CSS

有时，链接中的下划线会使其看起来有些不协调。本文将介绍如何使用 CSS 从链接中删除下划线。

CSS 的 text-decoration 属性

text-decoration 属性可以用来设置文本修饰效果。它接受以下属性值：

• none：没有任何修饰效果。
• underline：下划线。
• overline：上划线。
• line-through：穿过文本中央的一条横线。
• blink：以闪烁的形式呈现文本。

在我们的情境下，我们需要将下划线置为 none。

在 CSS 中使用 text-decoration: none;

要从链接中删除下划线，我们可以在 CSS 中使用 text-decoration: none;。下面是一个示例：

a {
  text-decoration: none;
}

这将会将所有链接中的下划线都删除。如果你只想删除某些链接中的下划线，你可以使用类名或 ID 选择器来指定链接，并设置 text-decoration: none;。例如：

/* 删除类为 "no-underline" 的链接中的下划线 */
.no-underline {
  text-decoration: none;
}

/* 删除 ID 为 "my-link" 的链接中的下划线 */
#my-link {
  text-decoration: none;
}

总结

通过在 CSS 中使用 text-decoration: none; 属性值，我们可以将链接中的下划线删除。如果你想了解更多有关 CSS text-decoration 属性的信息，请参见 MDN 文档。