css下划线样式 距离

CSS下划线是常见的一种文本样式之一，它可以让文本更加醒目，突出重点。在CSS中，我们可以通过设置“text-decoration:underline”属性来给文本添加下划线。除此之外，我们还可以通过调整下划线的距离来控制文本的视觉效果，比如让下划线更加粗细、更加距离文字等。

/* 设置下划线样式 */
.underline {
  text-decoration: underline;
}

/* 调整下划线距离 */
.underline {
  text-decoration: underline;
  /* 下划线距离文本的距离为1个像素 */
  /* 可以自行调整距离大小 */
  text-decoration-skip-ink: none;
  text-underline-offset: 1px;
} 

通过以上代码，我们可以很轻松地给文本添加下划线样式，并控制下划线的距离，让文本更加美观、易读。