[分享]css中导航栏文字去掉下划线

在 CSS 中，我们可以使用 textdecoration 属性来控制文字的装饰效果，其中包括下划线。而要去掉导航栏文字的下划线，则需要使用以下代码：nav { / 去掉下划线 / textdecor...

在 CSS 中，我们可以使用 text-decoration 属性来控制文字的装饰效果，其中包括下划线。而要去掉导航栏文字的下划线，则需要使用以下代码：

nav {
  /* 去掉下划线 */
  text-decoration: none;
} 

其中，nav 为我们的导航栏元素。使用 text-decoration 属性将其设为 none，即可去除文字下方的下划线。

需要注意的是，此方法会去掉导航栏中所有文字的下划线，如果需要去掉指定文字的下划线，可以给目标元素设置一个特殊的 class 或 id，如：

.nav-link {
  /* 去掉下划线 */
  text-decoration: none;
} 

然后在导航栏中对应的链接元素中添加此 class 即可。