[分享]css3怎么让字体包裹一层颜色

CSS3可以很轻松地让字体包裹一层颜色，只需要使用textfillcolor属性即可。textfillcolor属性控制文本填充颜色，如果使用这个属性，就必须设置webkittextfillcolor...

CSS3可以很轻松地让字体包裹一层颜色，只需要使用text-fill-color属性即可。

text-fill-color属性控制文本填充颜色，如果使用这个属性，就必须设置-webkit-text-fill-color属性来指定文本的填充颜色。

 p {
        background: #FFF3B7;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-align: center;
        font-size: 3em;
        font-weight: bold;
        margin-top: 100px;
        margin-bottom: 200px;
    } 

上面的代码会让段落字体包裹一层淡黄色。具体实现方法是，将p元素的背景色设置为淡黄色，然后使用-webkit-background-clip: text属性，将背景色限制在文本区域内。最后，将文本颜色设置为transparent，让文本颜色与字体包裹的颜色相同。