html - 背景颜色以适应 <p> 标签上的内容

Question

场景:

• 我不知道如何在文本后面设置一个 50% 的不透明度“框”，它只覆盖文本而不是整个正方形。

• 我有一个 h2 标签，我已将此 CSS 指定为:

  背景:rgba(0, 0, 0, 0.5); 宽度:适合内容；

问题:

• 我在 p-tag 上尝试了同样的方法，但那不起作用...

Answer 1

这工作正常。检查这个

h2{
 background: rgba(0, 0, 0, 0.5);
width: fit-content;
}

p{
 background: rgba(0, 0, 0, 0.5);
width: fit-content;
}

<h2>Some Text Here</h2>

<p>Some Text Here</p>