站長資訊網
html設置字體顏色的方法：1、使用font標簽，語法“<font color="顏色值">字體文本</font>”；2、在包含字體文本的標簽元素中使用style屬性，添加“color:顏色值;”樣式；3、使用id或class引入外部CSS字體顏色樣式，從而設置html字體顏色，語法“id或class選擇器{color:顏色值;}”。
本教程操作環境：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視頻教程》
