文字的背景颜色(仅限)

Ton*_*bet 5 css text background

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

在此输入图像描述

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

EJ

<h1>WELLCOME TO RENTAL IN MALLORCA BEATYFULL COLLECTION OF APPARTMENTS</h1>
Run Code Online (Sandbox Code Playgroud)

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

Nie*_*sol 19

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

演示

  • 为了获得精确的副本,你需要为每个换行符添加跨度,在Kolink演示它的一行带有跨度,但在你的图像中每个都有左边和右边的填充.这只能通过添加span来实现.例如.span欢迎来到/ span (2认同)

mac*_*one 17

除了Niet的回答:

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

h1 span {
  box-shadow: 10px 0 0px 0px #EDC330, -10px 0 0px 0px #EDC330;
}
Run Code Online (Sandbox Code Playgroud)