在 HTML 中更改字体颜色,可以使用 CSS 样式表,通过内联样式、CSS 类或 CSS ID 指定十六进制代码、RGB 值、RGBA 值或颜色名称来设置颜色值。在 HTML5 中,还可以直接使用 color 属性在 HTML 元素上设置字体颜色,但此方法仅适用于现代浏览器。

如何在 HTML 中更改字体颜色
要更改 HTML 中字体颜色,可以使用 CSS 样式表,具体步骤如下:
1. 使用内联样式
- 在 HTML 元素中使用
style属性指定颜色值,如下所示:
这是红色的文本。
2. 使用 CSS 类
立即学习“前端免费学习笔记(深入)”;
- 创建一个 CSS 类,并使用
color属性指定颜色值,如下所示:
.my-red-text {
color: red;
}- 然后,在 HTML 元素中使用该类名,如下所示:
这是红色的文本。
3. 使用 CSS ID
- 创建一个 CSS ID,并使用
color属性指定颜色值,如下所示:
#my-unique-id {
color: red;
}- 然后,在 HTML 元素中使用该 ID,如下所示:
这是红色的文本。
颜色值
您可以使用以下格式指定颜色值:
-
十六进制代码:例如,
#FF0000表示红色。 -
RGB 值:例如,
rgb(255, 0, 0)也表示红色。 -
RGBA 值:例如,
rgba(255, 0, 0, 0.5)表示带有 50% 透明度的红色。 -
颜色名称:例如,
red、green、blue。
HTML5 中的字体颜色
在 HTML5 中,还可以使用 color 属性直接在 HTML 元素上设置字体颜色,如下所示:
这是红色的文本。
但是,这种方法只适用于现代浏览器,并不得到所有浏览器的支持。











