在 html 中设置字体颜色，使用 color 属性，其语法为： ...。value 可以为十六进制值（以 # 开头）、rgb 值、rgba 值或颜色名称。

如何在 HTML 中设置字体颜色

在 HTML 中设置字体颜色非常简单。使用 color 属性即可。

语法：

<element style="color: value;">   ... </element>

其中：

立即学习“前端免费学习笔记（深入）”；

• element 是要设置字体颜色的元素。

• value 是颜色的值，可以是以下几种格式：

  • 十六进制值：以 # 开头，后面跟 6 位十六进制数字。例如：#FF0000 表示红色。
  • rgb 值：指定红色、绿色和蓝色值的范围从 0 到 255。例如：rgb(255, 0, 0) 也表示红色。
  • rgba 值：与 rgb 值相同，但多了一个表示透明度的 alpha 通道。例如：rgba(255, 0, 0, 0.5) 表示半透明的红色。
  • 颜色名称：可以使用一组预定义的颜色名称，例如：red、black、white 等。

实例：

用十六进制值设置段落文字为红色：

<p style="color: #FF0000;">这是一个红色的段落。</p>

用 rgba 值设置标题文字为半透明蓝色：

<h1 style="color: rgba(0, 0, 255, 0.5);">这是一个半透明的蓝色标题。</h1>

注意：

• color 属性可以应用于任何 HTML 元素，如

  、

  、div 等。

• 如果你在样式表中设置 color 属性，它将覆盖 HTML 元素内设置的任何行内样式。
• color 属性还可用于设置其他文本样式，如字体粗细、字体大小和对齐方式。