文字的背景颜色(仅限)

Question

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

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

EJ

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

是否有(跨浏览器,如果可能的话)这样做？

Answer 1

是.在<span>里面添加一个<h1>,然后应用背景颜色和行高.

演示

Answer 2

除了Niet的回答:

要在每行的左侧和右侧获得额外的空间(此处为10 px),请将其添加到跨度:

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