[分享]css不带下划线

在CSS中，下划线是用来表示下划线文本装饰的属性。但是有时候我们想要使用下划线作为文本的一部分而不是装饰，但是按照默认的设置，我们无法做到这一点。实际上，我们可以通过一些 CSS 技巧来实现在属性值和...

在CSS中，下划线是用来表示下划线文本装饰的属性。但是有时候我们想要使用下划线作为文本的一部分而不是装饰，但是按照默认的设置，我们无法做到这一点。

实际上，我们可以通过一些 CSS 技巧来实现在属性值和选择器名称中使用下划线，从而达到不带下划线的文本样式效果。

/* 下划线作为选择器名称 */
.underline_menu{
  text-decoration: underline;
}

/* 下划线作为属性值 */
.underline_text{
  background-color: blue;
  color: white;
  border-bottom: 2px solid white;
} 

在上述代码中，我们使用了“_”字符来代替下划线。在选择器名称或属性值中使用“_”字符时，CSS 将其解释为下划线而非空格，从而达到我们的效果。

总而言之，使用下划线作为文本样式是很常见的需求。我们可以通过在 CSS 中巧妙地使用“_”字符来实现这个目标，从而让我们的文本看起来更加美观。