css.. 如何只让背景色作用在文字上呢? 而不是作用在整个box上。

Question

如图所示.. 我之前看人写过然后忘了。 好像是跟line-height沾边...

Answer 1

搞出来了.

    p{
        width:200px;
        border:1px solid red;
        background:white;
        line-height:30px;
    }
    span{
        background:red;
    }

<p>
    <span>你真帅的掉渣了。你真帅的掉渣了。你真帅的掉渣了。你真帅的掉渣了。你真帅的掉渣了。</span></p>

大家有没有更好的办法啊....

还有就算把line-height去掉也依然有缝隙。

Answer 2

分离开文字和其父元素，给分离的元素加bg，line—height