我需要知道如何使这种类型的高度标题与标记标签

提问者：小点点

我试图使这种类型的突出标题与标签。我可以看到一个网站做了标记标签。如果有人能帮我弄清楚这个问题，那将是非常有帮助的。

您可以在此处检查突出显示的标题在此处输入图像描述

共2个答案

匿名用户

记住多行，试试这个，

null

.x {
  box-shadow: inset 0 -0.5em 0 0 red
}

<p
>
  <span class="x">Niche</span> <br>
  <span class="x">MasterClass</span>
</p>

匿名用户

您可以使用带有渐变的css背景，

这里有一个渐变制作器可以帮助您:https://www.colorzilla.com/gradient-editor/

大概是这样的:

null

h1 {
     background: -webkit-linear-gradient(top, #ffffff 50%, #faff00 50%, #faff00 50%, #faff00 100%);
}

<h1>My Text</h1>