[分享]css中字体如何去除下划线

在日常编写网页时，有时我们会遇到需要去除链接下划线的需求，这就需要在 CSS 中使用一些样式来帮助实现这个目标。a{ textdecoration:none; } 通过使用 CSS 中textdeco...

在日常编写网页时，有时我们会遇到需要去除链接下划线的需求，这就需要在 CSS 中使用一些样式来帮助实现这个目标。

a{
  text-decoration:none;
} 

通过使用 CSS 中text-decoration属性，将它设置为 none，就可以去除链接的下划线了。

当然，有些时候我们只需要去除下划线，但是仍然需要保留链接的一些样式，那么我们就可以只选择去掉下划线。

a{
  text-decoration:underline;
}
a.no-underline{
  text-decoration:none;
} 

可以看到，我们在第二个样式中添加了一个类 no-underline，并将它的text-decoration值设置为 none，那么我们在 HTML 中添加了这个类名之后，链接就不会有下划线了。