本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

方法1：使用font标签


(资料图片)

<font> 规定文本的字体、字体尺寸、字体颜色。

设置字体颜色的语法：

<font color="颜色值">字体文本</font>

示例：

<!DOCTYPE html><html><head><meta charset="utf-8"></head><body><div>我是默认黑色字体</div><div><font color="red">我是红色字体</font></div></body></html>

效果图：

方法2：使用style属性添加“color:颜色值;”样式

style 属性规定元素的行内样式（inline style）。

style 属性将覆盖任何全局的样式设定，例如在 <style> 标签或在外部样式表中规定的样式。

语法：

<element style="css代码块">

示例：

<!DOCTYPE html><html><head><meta charset="utf-8"></head><body><div>我是默认黑色字体</div><div style="color: red;">我是红色字体</div></body></html>

效果图：

方法3：外部CSS设置html文字字体的颜色

使用id或class引入外部CSS字体颜色样式，从而设置html 字体颜色。

外部CSS设置html文字字体的颜色的代码示例：

<!DOCTYPE html>     <html>     <head>     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />     <style>     .ex{ color:pink;font-size:50px}     </style>     </head>     <body>     <div class="ex">php中文网</div>     </body>     </html>

推荐教程：《html视频教程》

以上就是html怎么设置字体颜色的详细内容，更多请关注php中文网其它相关文章！

推荐内容