css 文本的背景色(仅限)

ars1skjm 于 2023-04-01 发布在其他

关注(0)|答案(2)|浏览(137)

我想知道是否有可能做到这一点：

我的意思是，只对文本应用背景色而不是整个块，
电子j

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

有没有一个（跨浏览器，如果可能的话）的方法来做到这一点？

2条答案

是的。在<h1>内添加<span>，并为其应用背景色和行高。

h1 {
  width: 250px
}

h1>span {
  background-color: yellow;
  line-height: 2
}

<h1><span>Testing, testing, this is a really long piece of text blah blah blah Hi there!</span></h1>

除了Niet的回答：
要在每行的左侧和右侧获得额外的空间（这里是10 px），请将以下内容添加到span中：

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