如何在css中为文本创建双点下划线

如何在CSS中创建双点下划线？ 我使用border-bottom属性

边框底部：1px虚线#oof

---

但只显示单点下划线。如何创建双下划线？可能吗？

尝试在其下方添加一个非常薄的div，并将边框顶部或边框底部设为1px点。然后，您可以相应地使用CSS使其适合，并生成所需的双虚线

---

不，不可能在同一个元素上执行此操作，您必须从外部执行此操作。

您需要使用至少两个HTML元素来实现此目的：

<span class="outer">
    <span class="inner">Your text here.</span>
</span>

你的文本在这里。

.outer

和

.inner

都应该有相同的点底边框，但是

.outer

也应该有几个像素的

填充底部

.
要使用额外的标记保存您自己，您可以使用“after”伪元素应用额外的边框。看看小提琴

另外，可能值得查看Chris Coyiers关于浏览器支持的文章-
绝对不需要两个元素来实现这一点

.doubleUnderline{
    border-bottom: 3px double;
}

你说“双点”是什么意思？这将产生实线而不是虚线，所以是的，它需要两个元素。
.doubleUnderline{
    border-bottom: 3px double;
}