双下划线标记

Question

我想在html中用双下划线标出一些文字.我要实现

<h1><u><i> website </i></u></h1>

底部有两条线而不是一条线.是否有某个标签或我是否必须在css中执行此操作？

Answer 1

你可以尝试添加这个:

h1.dblUnderlined { border-bottom: 3px double; }

注意:宽度必须3px或更大,因为它代表总宽度; 不是每个边框的宽度.当您增加测量值时,线条和空间的宽度可能会或者可能不相等,这取决于定义的测量值的可分性为3.剩余的1和1加到空间的宽度上; 余数为2将导致每行添加1.

Answer 2

使用边框和和下划线:

.doubleUnderline {
    text-decoration:underline;
    border-bottom: 1px solid #000;
}

<span class="doubleUnderline">Test</span>

Answer 3

伙计们/姑娘们，这也有效，但更像是传统的双下划线。

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