html字體顏色 html中設置字體顏色代碼字體顏色獲取

2020-03-24 17:59:00

字體：大中小

來源：轉載

供稿：網(wǎng)友

html字體顏色設置更改，html設置字體顏色代碼方法有哪些

DIVCSS5為大家介紹在html中設置字體顏色方法，字體顏色修改方法，字體顏色如何準確獲取。

一、html font字體顏色設置 - TOP

在HTML中我們使用font標簽即可對字體內(nèi)容設置顏色。

1、font語法：

<fontcolor="#FF0000"我是紅色字體</font

首先font是一對常規(guī)標簽，將字體文本內(nèi)容放入標簽內(nèi)，font標簽內(nèi)設置color顏色+對應顏色值即可設置font標簽對象內(nèi)字體顏色。

2、html font設置字體顏色實例
2-1、html字體顏色實例完整代碼：

<!DOCTYPEhtml
<html
<head
<metacharset="utf-8"/
<titlefont字體顏色在線實例DIVCSS5</title
</head
<body
<fontcolor="#FF0000"我是紅色字體</font
<tablewidth="300"border="1"
<tr
<td<fontcolor="#0000FF"你好</font</td
<tdDIVCSS5</td
</tr
</table
</body
</html

以上實例分別單獨對字體設置顏色和對表格內(nèi)字體設置顏色
2-2、字體顏色實例截圖

html字體顏色設置案例截圖

2-3、在線演示：查看案例

要改變字體顏色,只需要將顏色值更改即可。

二、html div css字體顏色設置 - TOP

在html中通過css樣式設置字體顏色。

使用css設置html字體顏色方法有兩種，一種是標簽內(nèi)CSS、一種是外部CSS。

1、基本知識介紹
使用外部CSS，可以將CSS代碼單獨放到CSS文件里使用html link引入CSS(html引人css)，也可以在html使用<style標簽，建立CSS。也可以在html標簽內(nèi)使用style屬性設置css顏色。

2、DIV+CSS實例演示
這里實踐兩種方法來實現(xiàn)HTML字體顏色設置，一種標簽內(nèi)使用css，另外一種使用style標簽實現(xiàn)字體顏色設置。

3、實例完整HTML 源代碼

<!DOCTYPEhtml
<html
<head
<metacharset="utf-8"/
<titlecss實現(xiàn)字體顏色在線演示DIVCSS5</title
<style
.divcss5{color:#F00}
</style
<!--html注釋說明：使用style標簽設置字體顏色--
</head
<body
<divclass="divcss5"我字體是紅色</div
<divstyle="color:#00F"我字體是藍色</div
<!--div標簽內(nèi)使用style屬性設置字體顏色--
</body
</html

分別使用<style標簽和DIV標簽內(nèi)使用style屬性設置html中字體顏色。

4、div css案例截圖

CSS設置字體顏色案例實例效果截圖

5、css+div案例在線演示：查看案例

三、html超鏈接A字體顏色設置 - TOP

對html中錨文本字體設置顏色，有兩種情況，一種是對html全部a超鏈接內(nèi)字體設置統(tǒng)一的字體顏色，另外一種是對指定對象內(nèi)的錨文本超鏈接字體設置單獨顏色。

DIVCSS5通過實例為大家介紹html中超鏈接錨文本字體顏色統(tǒng)一設置與單獨設置。

1、完整div+css html代碼如下

<!DOCTYPEhtml
<html
<head
<metacharset="utf-8"/
<titlehtml超鏈接字體顏色設置在線演示DIVCSS5</title
<style
a{color:#00F}
a:hover{color:#F00}/*鼠標經(jīng)過懸停字體顏色*/
/*css注釋說明：以上代碼為設置html中超鏈接統(tǒng)一字體顏色*/
.diva{color:#090}
.diva:hover{color:#090}
/*css注釋說明：以上代碼為設置html中.div對象內(nèi)超鏈接字體顏色*/
</style
</head
<body
<p測試內(nèi)容我是統(tǒng)一設置的顏色藍色<ahref="http://www.divcss5.com"DIVCSS5</a</p
<divclass="div"我在div對象內(nèi)，超鏈接顏色為<ahref="#"我是超鏈接綠色</a</div
</body
</html