Html 双下划线标签？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/15643614/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Double underline tag?
提问by Kevril
I want to make some text double-underlined in HTML.
我想在 HTML 中制作一些双下划线的文本。
<h1><u><i> website </i></u></h1>
I have two lines on the bottom instead of one. Is there a certain tag for that or would I have to do it in css?
我在底部有两条线而不是一条线。是否有特定的标签，或者我必须在 css 中做到这一点？
回答by roman
You can try to add this:
您可以尝试添加以下内容：
h1.dblUnderlined { border-bottom: 3px double; }
Note: The width must be 3pxor greater because it represents the total width; not the width of each border. As you increase the measurement, the width of the lines and space may or may not be equal based on the divisibility of the defined measurement by 3. A remainder of 1, and 1 is added to the width of the space; a remainder of 2 will result in 1 being added to each line.
注意：宽度必须3px大于或等于，因为它代表总宽度；不是每个边框的宽度。当您增加测量值时，线条和空间的宽度可能相等，也可能不相等，这取决于定义的测量值被 3 的整除性。余数为 1，并且空间宽度加 1；剩下的 2 将导致每行添加 1。
回答by James Hill
Use a border andand underline:
使用边框和和下划线：
.doubleUnderline {
text-decoration:underline;
border-bottom: 1px solid #000;
}
<span class="doubleUnderline">Test</span>
Here's a working fiddle.
这是一个工作小提琴。
回答by Jukka K. Korpela
The simplest way is to set a bottom border of type doublein CSS. It needs to be at least 3 pixels wide to create the minimal double border (two 1px borders with 1px spacing between them).
最简单的方法是double在 CSS 中设置 type 的底部边框。它需要至少 3 像素宽才能创建最小的双边框（两个 1px 边框，它们之间的间距为 1px）。
The details depend on the markup, on the desired width and color of the double line, and whether it should run across the available width. Markup like <h1><u><i> website </i></u></h1>is probably not meant to be serious. With the simple markup <h1>foobar</h1>, a way to get a minimal double border across the page is to use
详细信息取决于标记、所需的双线宽度和颜色，以及它是否应该跨越可用宽度。标记之类<h1><u><i> website </i></u></h1>的可能并不意味着是认真的。使用简单的标记<h1>foobar</h1>，在页面上获得最小双边框的方法是使用
h1 {
border-bottom: double 3px;
}
If you want to have just the heading text “underlined”, the simplest way is to have inner markup, like <h1><span>foobar</span></h1>, and CSS code
如果您只想让标题文本“加下划线”，最简单的方法是使用内部标记，例如<h1><span>foobar</span></h1>和 CSS 代码
h1 span {
border-bottom: double 3px;
}
回答by Fabien Snauwaert
FYI, at the moment, the following is possible in Firefox, or in Safari using a vendor prefix:
仅供参考，目前，在 Firefox 或 Safari 中可以使用供应商前缀进行以下操作：
text-decoration: underline double;
-webkit-text-decoration: underline double;
See text-decoration-line.
请参阅文本装饰线。
回答by Tyler Wright student
guys/gals, this works as well but is more like a traditional double underline.
伙计们/女孩们，这也有效，但更像是传统的双下划线。
.doubleUnderline {
text-decoration-line: underline;
text-decoration-style: double;
}
回答by Kim Jensen
Why not just make your own "tag"?
为什么不制作自己的“标签”？
<style>
du
{
text-decoration-line: underline;
text-decoration-style: double;
}
</style>
<p> I want <du>this stuff</du> double underlined.</p>
回答by Kim Jensen
use the following http://jsfiddle.net/cKNP4/
使用以下http://jsfiddle.net/cKNP4/
or
或者
Give the following styleto any HTML container:border-top-style:none;border-right-style:none;border-bottom-style:double;border-left-style:none;border-width: 2px solid black;
为任何 HTML 容器提供以下样式：border-top-style:none;border-right-style:none;border-bottom-style:double;border-left-style:none;border-width: 2px solid black;
回答by user1429980
Here's my solution (stylus):
这是我的解决方案（手写笔）：
$borderWidth 1px
$textColour black
$double-borders
&:after
content ""
position absolute
top 100%
width 5.7em
right 0
border-top ($borderWidth * 3) double $textColour
.double-underlined
@extend $double-borders
Note that the width must be hard-coded (in this case 5.7em. If this isn't the desired result, you can also use the border-bottomtechnique mentioned above.
请注意，宽度必须是硬编码的（在这种情况下5.7em。如果这不是所需的结果，您也可以使用border-bottom上面提到的技术。
回答by Aqsa Shahzadi
<h1 style="text-decoration: underline double;"><u>About Us</u></h1>
This would work, only if you want to double underline it in HTML.
只有当您想在 HTML 中加倍下划线时，这才有效。
