html字体颜色渐变代码

以下是一个简单的HTML代码示例,用于在文本中创建颜色渐变:

<!DOCTYPE html>
<html>
<head>
    <title>HTML Color Gradient</title>
    <style>
        .gradient {
            background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: 50px;
            font-weight: bold;
            text-align: center;
            margin-top: 100px;
        }
    </style>
</head>
<body>
    <div class="gradient">Hello, World!</div>
</body>
</html>

在上面的代码中,我们使用了CSS的线性渐变(linear-gradient)属性来创建一个从红色到紫色的颜色渐变。我们还使用了-webkit-background-clip和-webkit-text-fill-color属性来将渐变应用于文本。最后,我们将文本包装在一个div元素中,并将其样式设置为gradient类。