将文字设置为渐变效果
<body>
<p class="gradient">渐变色</p>
</body>
style标签中
![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/c7bf7c08dafa4471974364f98aa26767.jpeg#pic_center)
<style>
.gradient {
font-size: 28px;
font-weight: bold;
background-image: linear-gradient(to right, #418beb 0%, #026079 100%);
-webkit-background-clip: text;
color: transparent;
}
</style>
最终实现效果
![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/383ed51232ed4d1eb6772e24fef7e12d.jpeg#pic_center)