html 设置字体颜色

作者：傲世，小狂徒发布日期:2025-09-08 浏览:101

<!DOCTYPE html>
<html>
<head>
    <title>设置字体颜色示例</title>
    <style>
        /* 使用 CSS 设置字体颜色 */
        .red-text {
            color: red; /* 将字体颜色设置为红色 */
        }
        .blue-text {
            color: blue; /* 将字体颜色设置为蓝色 */
        }
    </style>
</head>
<body>
    <!-- 使用内联样式设置字体颜色 -->
    <p style="color: green;">这是一个绿色的段落。</p>

    <!-- 使用类选择器设置字体颜色 -->
    <p class="red-text">这是一个红色的段落。</p>
    <p class="blue-text">这是一个蓝色的段落。</p>

    <!-- 使用 HTML 标签属性设置字体颜色（不推荐，但仍然有效） -->
    <font color="purple">这是一个紫色的文本。</font>
</body>
</html>

解释说明：

内联样式：通过 style 属性直接在 HTML 标签中设置字体颜色。
类选择器：通过 CSS 类选择器定义样式，并在 HTML 标签中应用这些类。
HTML 标签属性：使用 <font> 标签的 color 属性设置字体颜色（这种方法虽然有效，但不推荐使用，因为 <font> 标签在现代 HTML 中已不再常用）。

上一篇：html美化代码

下一篇：html中b标签的作用