在文本下部后面添加阴影背景[关闭]

Question

我希望制作这样的设计，其中每行多行文本的下部后面和下方都有一个颜色笔画。

我想要的设计：

Answer 1

您可以使用 box-shadow 来实现：

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

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