html - 如何使用 HTML CSS 在具有不同颜色和空间的文本下放置双线

Question

我是 HTML 新手，我想在如下文本下添加双线。但是，我做不到。我尝试使用 hr 但它没有给我想要的结果。谢谢你的时间。

标签： htmlcss

Answer 1

.underline {
  text-decoration-line: underline;
  text-decoration-style: double;
}

.border {
  border-bottom: double 3px;
  display: inline;
  padding: 5px;
}

<div class="underline">This is some text with a double underline.</div>
<br>

<div class="border">This is some text with a border double..</div>