提问者:小点点

带有html的黑色背景文本旁边的水平线


我无法在标题旁边的黑色背景上显示一条白色水平线。

这是我尝试过的:

<div style="background-color: black">
    <div style="border-bottom: 2px #ededed solid; overflow: visible; height: 17px; margin: 5px 0 10px 0">
        <strong><span style="color: white; padding: 0px 5px; font-size: 2rem; font-family: 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif">Willkommen</span></strong>
    </div>
</div>

有人能帮忙吗?


共2个答案

匿名用户

请增加第二个div标签的高度,因为我认为17px太低了

匿名用户

您可以使用text-decoriationtext-decoriation-colorCSS属性。

null

<div style="background-color: black; padding: 15px 10px">
    <div style="overflow: visible; height: 17px; margin: 5px 0 10px 0;">
        <strong><span style="text-decoration: overline;text-decoration-color: #ededed ;color: white; padding: 0px 5px; font-size: 2rem; font-family: 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif">Willkommen</span></strong>
    </div>
</div>

相关问题