如何在HTML中设置字体颜色

我们使用 style 属性来设置 HTML 中的字体颜色。style 属性用于为元素指定行内样式，其中包括 CSS color 属性。该属性与 HTML <p>标签一起使用，以及 CSS color 属性。HTML5 不支持<font>标签，因此使用 CSS 样式来添加字体颜色。<font>标签已在 HTML5 中弃用。

语法

<h1 style="color: azure">text…</h1>

示例

在下面的示例中，我们设置了<p>标记内文本的字体颜色。

<!DOCTYPE html>
<html>
<head>
   <title>HTML Font color</title>
</head>
<body>
   <h1>Products</h1>
   <p style="color:blue">This is demo content.</p>
</body>
</html>

示例

以下是在HTML中设置字体颜色的示例程序。

<!DOCTYPE html>
<html>
<head>
   <style>
      body {
         background-color: rgb(20,30, 1);
      }
   </style>
<h1 style="color: azure">HTML Articles</h1>
</head>
<body>
</body>
</html>

示例：指定内部样式

我们也可以使用CSS属性color来为元素指定内部样式，在HTML中设置字体颜色。以下是用于在HTML中设置字体颜色的示例程序内部样式表。

<!DOCTYPE html>
<html>
<head>
   <style>
      body {
         background-color: rgb(20,30, 1);
      }
      h1{
         color: cyan;
      }
   </style>
   <h1>HTML Articles</h1>
</head>
<body>
</body>
</html>