css下划线显示隐藏

CSS下划线是一种常见的文本修饰方式，可以在文字下方添加一条细线，起到强调和美观的效果。但是有时候我们也需要隐藏下划线，比如在网站设计中，为了营造简洁的风格，或者为了避免下划线和其他元素冲突。

下面就来介绍两种常用的CSS下划线显示和隐藏方法。

/* 显示下划线 */
.text_underline {
  text-decoration: underline;
}

/* 隐藏下划线 */
.text_no_underline {
  text-decoration: none;
  border-bottom: none;
} 

第一种方法是使用text-decoration属性，将其设置为underline，即可在文本下方添加一条下划线。这种方式下划线样式固定，不能进行过多的自定义调整。

第二种方法是结合text-decoration和border-bottom属性，将其设置为none和none，即可隐藏下划线。这种方式具有更多的自定义空间，可以根据需要指定下划线的颜色、宽度、位置等。

总之，在使用CSS下划线时，需要根据页面风格和设计需要来选择显示或隐藏下划线，同时也需要根据实际情况进行自定义调整，以达到最佳的视觉效果。