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