css中文字样式底纹

CSS中有一种很常见的文字样式，那就是底纹（background-clip）。

p{
background-clip: text;
-webkit-background-clip: text;
color: transparent;
background-image: linear-gradient(
to bottom, 
#f7bb97, 
#dd5e89
);
} 

只需要在样式表中添加上面的代码，即可实现底纹效果。

其中，background-clip属性用于指定元素的背景裁剪区域，text值表示将背景应用到文本上方，color属性设置文本颜色为透明，background-image属性用于设置底纹的样式，这里使用了渐变色。

需要注意的是，底纹不是所有浏览器都支持，对于不支持的浏览器，文本将会呈现纯色。

底纹样式可以使用多种方式实现，比如在background-image中使用url()来引入底纹图片，或者使用radial-gradient来创建渐变圆形底纹等等。根据具体需求，选择不同的方法即可。