版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_21262357/article/details/83054293
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<style type="text/css">
#box{
font-size:100px;
background-image: -webkit-linear-gradient(bottom, #f00, #00f);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
<div id="box">哈哈哈我会变色</div>
</body>
</html>