<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title> 让文字颜色渐变 </title>
<style type="text/css">
h1.start-gradient {
font-weight: bold;
font-family: helvetica;
text-align:center;
background: -webkit-linear-gradient(left, red , #44E4F2); /* 背景色渐变 */
-webkit-background-clip: text; /* 规定背景的划分区域 */
-webkit-text-fill-color: transparent; /* 防止字体颜色覆盖 */
}
</style>
<link href="" style="text/css" rel="stylesheet"/>
</head>
<body>
<h1 class="start-gradient">让文字颜色渐变</h1>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title> 让文字颜色渐变 </title>
<style type="text/css">
h1.start-gradient {
font-weight: bold;
font-family: helvetica;
text-align:center;
background: -webkit-linear-gradient(left, red , #44E4F2); /* 背景色渐变 */
-webkit-background-clip: text; /* 规定背景的划分区域 */
-webkit-text-fill-color: transparent; /* 防止字体颜色覆盖 */
}
</style>
<link href="" style="text/css" rel="stylesheet"/>
</head>
<body>
<h1 class="start-gradient">让文字颜色渐变</h1>
</body>
</html>