【问题标题】:Add a small background for single line of text [closed]为单行文本添加一个小背景[关闭]
【发布时间】:2018-09-14 19:30:09
【问题描述】:

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

我想要的设计:

提前感谢您的帮助!

【问题讨论】:

  • 你有什么尝试吗?
  • 我投了反对票,因为没有尝试。
  • 对不起,这是我的小提琴:jsfiddle.net/g1ahy3y1/7。它仅适用于单行而不适用于多行。我怎样才能只用一个标题

标签: html css web styles


【解决方案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>

【讨论】:

    猜你喜欢
    • 2020-10-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-11-22
    • 1970-01-01
    • 2023-02-10
    • 1970-01-01
    相关资源
    最近更新 更多