为单行文本添加小背景

Question

我正在寻找这种设计的解决方案。我已经尝试过伪类和position: absolute，但它不适用于多行文本。

我想要的设计：

提前感谢您的帮助！

Answer 1

您可以使用box-shadow：

＆＃13;

＆＃13;

span {
  font-size: 50px;
  font-weight: bold;
  box-shadow: inset 0 25px 0 white, inset 0 -22px 0 rgba(0,0,0,0.5)
}

＆＃13;

<span>Hello!! How are you</span>

＆＃13;

＆＃13;

＆＃13;