如何在 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>

更新于: 2023-08-29

157K+ 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告

© . All rights reserved.