Html 双下划线标签?

Html 双下划线标签?,html,css,Html,Css,我想让一些文本在HTML中双下划线 网站 我在底部有两行而不是一行。是否有特定的标签,或者我必须在css中进行标记?使用边框和下划线: .doubleUnderline { text-decoration:underline; border-bottom: 1px solid #000; } <span class="doubleUnderline">Test</span> 。双下划线{ 文字装饰:下划线; 边框底部:1px实心#000; } 试验

我想让一些文本在HTML中双下划线

网站

我在底部有两行而不是一行。是否有特定的标签,或者我必须在css中进行标记?

使用边框和下划线:

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

<span class="doubleUnderline">Test</span>
。双下划线{
文字装饰:下划线;
边框底部:1px实心#000;
}
试验

以下是。

您可以尝试添加以下内容:

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

注:宽度必须为
3px
或更大,因为它代表总宽度;不是每个边框的宽度。随着测量值的增加,根据定义的测量值被3整除的情况,线条和空间的宽度可能相等,也可能不相等。1的余数,1被添加到空间的宽度中;剩余的2将导致每行添加1。

最简单的方法是在CSS中设置一个类型为
double
的底部边框。它需要至少3像素宽才能创建最小的双边框(两个1px边框之间的间距为1px)

详细信息取决于标记、双线的所需宽度和颜色,以及双线是否应穿过可用宽度。像
website
这样的标记可能并不重要。使用简单的标记
foobar
,可以使用

h1 {
  border-bottom: double 3px;
}
如果您只希望标题文本带有“下划线”,最简单的方法是使用内部标记,如
foobar
,以及CSS代码

h1 span {
  border-bottom: double 3px;
}
使用以下命令 或 为任何HTML容器提供以下样式:
边框顶部样式:无;右边框样式:无;边框底部样式:双色;左边框样式:无;边框宽度:2倍纯黑

这是我的解决方案(手写笔):

$borderWidth 1px
$textColour黑色
$double borders
&:之后
内容“”
绝对位置
前100%
宽度5.7em
对0
边框顶部($borderWidth*3)双$textColor
.双下划线
@扩展$double borders

请注意,宽度必须是硬编码的(在本例中为
5.7em
。如果这不是理想的结果,您也可以使用上面提到的
border-bottom
技术。

FYI,目前,Firefox或Safari中可以使用供应商前缀实现以下功能:

text-decoration: underline double;
-webkit-text-decoration: underline double;

请参阅。

为什么不自己制作“标签”


杜
{
文字装饰线:下划线;
文字装饰风格:双色;
}
我要这东西有双下划线


男生/女生,这也可以,但更像是传统的双下划线

.doubleUnderline {
     text-decoration-line: underline;
     text-decoration-style: double;
}
关于我们

只有当你想在HTML中给它加上双下划线时,这才有效。

@Jeff我没有真正尝试过任何东西,但我已经查找过了,但没有找到任何东西。@11684我不知道JS或任何类型的黑客。好吧,“JS黑客”中的“黑客”与“黑客电脑”或类似的东西无关。我说的“JS黑客”是一块JavaScri解决此问题的pt使用了一些不是为解决此问题而设计的函数(因此,只是滥用了一个函数)@KevrilOh,不要使用
。这是不推荐使用的。请使用CSS作为下划线。根据以前的经验:确保应用此类的元素是
显示:内联
,或者相应地执行操作:我可以这样做,但是行之间的距离比我希望的要远,这不是一个大问题,所以有没有办法使be closer?减小跨距高度(盲猜)。@KevrilI发现,这种方法产生的行在某些情况下(例如,如果其他类型样式应用于文本)并不总是正确对齐所以,我更喜欢双边框法。这是什么语言/标记?它既不是HTML也不是CSS。非常感谢你。我到处都需要它。Dpo注意,这对任何线下的字符都很不管用,如逗号、字母j……等,因为基线在该点上消失。是的,这是不幸的,但更多使用传统方法,然后使用底部边框。
.doubleUnderline {
     text-decoration-line: underline;
     text-decoration-style: double;
}
<h1 style="text-decoration: underline double;"><u>About Us</u></h1>