<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
.number {
text-align: center;
font-size: 5.5rem;
color: #f5ab7c;
background-image: -webkit-linear-gradient(bottom,
rgba(245, 171, 124, 0.1),
rgba(245, 171, 124, 1));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
</head>
<body>
<div class="number">1</div>
</body>
</html>
直接附上运行结果