在網頁開發的過程中，有時為了網頁的美觀，需要給網頁中的字體設置不同的顏色，那麼，怎麼來設置字體顏色呢？本篇文章就來給大家來介紹html設置字體顏色的三種方法。
話不多說，我們來直接看正文。
html字體顏色設置的方法一：html font設置字體顏色
語法：
<font color="red"> </font>
font是一對常規標籤，將字體文本內容放入標籤內，font標籤內設置color顏色+對應顏色值即可設置font標籤對象內字體顏色。
我們直接來看html font設置字體顏色的代碼實例：
<html><body><p><font size="10" color="red">php中文網</font></p></body></html>
說明：<font size="10">是設置字體大小，html font設置字體顏色的效果如下：
html字體顏色設置的方法二：標籤內設置CSS字體顏色樣式
語法：
<p style="color:red"></p>
標籤內設置CSS字體顏色的代碼實例：
<!DOCTYPE html><html><head><meta charset="utf-8" /></head><body><div style="color:red;font-size:50px">php中文網</div></body></html>
說明：font-size:50px為字體大小。標籤內設置CSS字體顏色的效果如下：
html字體顏色設置的方法三：外部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>php中文網</div> </body> </html>
外部CSS設置html文字字體的顏色效果如下：
最後，注意：html font設置字體顏色color使用等號設置顏色值，而CSS設置字體顏色使用color設置字體顏色值使用冒號。