文本和下划线之间的空格

Question

我正在使用 text-decoration:underline; 但文本和下划线相互接触。我可以增加文本和下划线之间的间距吗？

这个。我想在文本和下划线之间留出空间。

Answer 1

使用不同的字体或使用 border-bottom 代替，以便您可以使用 padding-bottom 控制空间。

Answer 2

我有同样的问题然后我使用：

.underline_text {
      border-bottom: solid 2px #000000;
      display: inline;
      padding-bottom: 3px;
}