站長資訊網(wǎng)
html設(shè)置字體顏色的方法：1、使用font標(biāo)簽，語法“<font color="顏色值">字體文本</font>”；2、在包含字體文本的標(biāo)簽元素中使用style屬性，添加“color:顏色值;”樣式；3、使用id或class引入外部CSS字體顏色樣式，從而設(shè)置html字體顏色，語法“id或class選擇器{color:顏色值;}”。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
方法1：使用font標(biāo)簽
<font> 規(guī)定文本的字體、字體尺寸、字體顏色。
設(shè)置字體顏色的語法：
<font color="顏色值">字體文本</font>
登錄后復(fù)制
示例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div>我是默認(rèn)黑色字體</div> <div><font color="red">我是紅色字體</font></div> </body> </html>
登錄后復(fù)制
效果圖：
方法2：使用style屬性添加“color:顏色值;”樣式
style 屬性規(guī)定元素的行內(nèi)樣式（inline style）。
style 屬性將覆蓋任何全局的樣式設(shè)定，例如在 <style> 標(biāo)簽或在外部樣式表中規(guī)定的樣式。
語法：
<element style="css代碼塊">
登錄后復(fù)制
示例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div>我是默認(rèn)黑色字體</div> <div style="color: red;">我是紅色字體</div> </body> </html>
登錄后復(fù)制
效果圖：
方法3：外部CSS設(shè)置html文字字體的顏色
使用id或class引入外部CSS字體顏色樣式，從而設(shè)置html 字體顏色。
外部CSS設(shè)置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中文網(wǎng)</div> </body> </html>
登錄后復(fù)制
推薦教程：《html視頻教程》
