直接上代码和效果图:
javascript
<p class="linecolor">文字颜色渐变</p>
<style type="text/css">
.linecolor{
font-size: 30px;
background-image:-webkit-linear-gradient(bottom,red,#fd8403,yellow);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
</style>
效果
![](https://img-blog.csdnimg.cn/direct/9f619fc19b5e452b9b5c2933061b5d75.png)