实现五彩标题，即每个span设置的字呈现不同的颜色

lsy的博客

于 2022-11-02 16:02:45 发布

阅读量4.4k

点赞数

分类专栏： html 文章标签： html 前端

本文链接：https://blog.youkuaiyun.com/qq_51730402/article/details/127653289

版权

html 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何使用HTML的span标签为每个文字设置不同的颜色，以实现五彩标题效果。通过调整span的style属性，可以自定义文字的颜色和其他样式，进一步丰富内容的表现形式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现五彩标题，即每个span设置的字呈现不同的颜色.如图。
五彩斑斓

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>五彩标题</title>
        <style type="text/css">
            h3{font-family: Georgia, 'Times New Roman', Times, serif;font-size: 80px;}
        </style>
    </head>
    <body>
        <h3><span style="color: red;">五</span>
            <span style="color: yellow;">彩</span>
            <span style="color: blue;">斑</span>
            <span style="color: rgb(87, 57, 218);">斓</span>
        </h3>
    </body>
</html>