文字的背景颜色（仅限）

Question

我想知道实现这个目标是否可行：

我的意思是，只将背景颜色应用于文本而不是整个块，

EJ

<h1>WELLCOME TO RENTAL IN MALLORCA BEATYFULL COLLECTION OF APPARTMENTS</h1>

是否有（跨浏览器，如果可能的话）这样做？

Answer 1

是。在<span>中添加<h1>，然后应用背景颜色和行高。

Demo

Answer 2

除了Niet的回答：

在每一行的左侧和右侧获得额外空间（此处为10 px），将其添加到跨度中：

h1 span {
  box-shadow: 10px 0 0px 0px #EDC330, -10px 0 0px 0px #EDC330;
}