如何在HTML中设置字体颜色?


我们使用`style`属性在HTML中设置字体颜色。`style`属性指定元素的内联样式,并使用CSS颜色属性。此属性与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年8月29日

15.7万+ 次浏览

启动你的职业生涯

完成课程获得认证

开始学习
广告
© . All rights reserved.