CSS自定义下划线
问题描述：
我试图在我的文本中添加一个自定义的超高下划线。CSS自定义下划线
它需要适应这种语法，所以我可以放回我的所见即所得的编辑器：
<p data-font-size="50px"><span style="letter-spacing:2px;">
<span class="custom_one"><span style="color:#ffffff;">A software platform that makes
devices feel more human.</span></span></span>
</p>
这里是我想要做的一个画面：
答
这不是下划线，而是背景。您可以使用梯度：
.custom_one {
background: linear-gradient(transparent 60%, #333 60%);
font-size: 42px;
}<p data-font-size="50px" style="background-color: #000;"><span style="letter-spacing:2px;">
<span class="custom_one"><span style="color:#ffffff;">A software platform that makes
devices feel more human.</span></span>
</span>
</p>
答
@villain或者，也许这可以帮助你？
<p data-font-size="50px">
<span style="letter-spacing:2px; background-color: gray">
<span class="custom_one">
<a style="color: white; text-decoration: none; border-bottom: 10px solid black;" >A software platform that makes
devices feel more human.
</a>
</span>
</span>
</p>
嗯，这是少下划线的，多的文本行的后面。既然你想保留内联文本流属性，我认为所有沿伪元素和绝对定位的东西都是不成问题的。你最好的选择是背景渐变;但是这不是你想要嵌入到所有供应商前缀的内联样式属性中的东西。 – CBroe