CSS 文本装饰

.under {
  text-decoration: underline red;
}

.over {
  text-decoration: wavy overline lime;
}

.line {
  text-decoration: line-through;
}

.plain {
  text-decoration: none;
}

.underover {
  text-decoration: dashed underline overline;
}

.thick {
  text-decoration: solid underline purple 4px;
}

.blink {
  text-decoration: blink;
}

<p class="under">这段文字下方有一条线。</p>
<p class="over">这段文字上方有一条线。</p>
<p class="line">这段文字中间有一条贯穿线。</p>
<p>
  这个
  <a class="plain" href="#">链接将不会显示下划线</a
  >，而链接通常默认是带有下划线的。在为超链接移除文字装饰时请格外小心，因为用户通常依赖下划线来识别超链接。
</p>
<p class="underover">这段文字上方<em>和</em>下方都有线。</p>
<p class="thick">在支持的浏览器中，这段文字下方会有一条非常粗的紫色下划线。</p>
<p class="blink">根据你使用的浏览器，这段文字可能会闪烁。</p>