首頁  >  文章  >  web前端  >  HTML font標籤的color屬性是什麼? fontcolor的用法介紹(附顏色代碼表)

HTML font標籤的color屬性是什麼? fontcolor的用法介紹(附顏色代碼表)

寻∝梦
寻∝梦原創
2018-08-22 13:59:2252254瀏覽

HTML font標籤的color屬性是什麼? font中color屬性的用法介紹(附顏色代碼表)。這篇文章只要介紹的是html font標籤的color屬性的一些用法,還有關於html的顏色代碼表詳情。

HTML 標籤的color 屬性

#規定文字的顏色:

<font color="red">This is some text!</font>

HTML標籤的color屬性定義與用法:

color 屬性規定font 元素中文字的顏色。

html color語法:

www.divcss5.com

標籤直接使用color顏色參數設定文字顏色,數值可以直接加RGB顏色值(#FFFFFF 、#000000 、#F00)

RGB顏色值在實際佈局時候確定,可以使用Photoshop(簡稱PS)拾取工具進行獲取獲得。

在font標籤內使用color顏色設定:

www.divcss5.com 紅色 

html color總結:

1.我們在font標籤內使用color設定顏色值。

2.一般只能在font標籤直接使用「color=顏色值」設定物件文字文字顏色。

瀏覽器支援

所有主流瀏覽器都支援 color 屬性。

相容性註解

在 HTML 4.01 中,不支援使用 font 元素的 color 屬性;在 XHTML 1.0 Strict DTD 中,不支援 font 元素的 color 屬性。

請使用 CSS 代替。

CSS 語法:

html font標籤的color屬性屬性值:

##color_name:規定顏色值為顏色名稱的文字顏色(例如「red」)

hex_number:      規定顏色值為十六進位值的文字顏色(例如:「#ff0000」)

rgb_number :       規定顏色值為rgb程式碼的文字顏色(例如「rgb(255,0,0)」).

規定文字字體、大小和顏色:

<font size="3" color="red">
This is some text!
</font>
<font size="2" color="blue">
This is some text!
</font>
<font face="verdana" color="green">
This is some text!
</font>

ace 定義字體的外觀,size定義字體的大小,color定義字體的顏色

<h1><font face="verdana">A heading</font></h1>
<p><font size="5" face="arial" color="red">A paragraph.</font></p>

-

標籤可定義標題,

定義最大的標題,

定義最小的標題。

由於 h 元素擁有確切的語意,因此請您慎重地選擇適當的標籤層級來建立文件的結構。因此,請不要利用標題標籤來改變同一行中的字體大小。

相反,我們應該使用層疊樣式表定義來達到漂亮的顯示效果。

標記一個段落:

<p><font face="宋体",size="5",color="blue">this is a paragraph</font></p>

font為基本屬性顏色,屬內標籤。

為一個段落,需要換行。

HTML顏色代碼:

HTML font標籤的color屬性是什麼? fontcolor的用法介紹(附顏色代碼表)

#圖為黑色、紅色、紫色的HTML顏色代碼表

HTML font標籤的color屬性是什麼? fontcolor的用法介紹(附顏色代碼表)

圖為碧色、藍色、綠色HTML顏色代碼表

HTML font標籤的color屬性是什麼? fontcolor的用法介紹(附顏色代碼表)

#圖為綠色、黃色、橘色HTML顏色代碼表

HTML font標籤的color屬性是什麼? fontcolor的用法介紹(附顏色代碼表)

圖為深紅色、棕色、深紫色HTML顏色代碼表

#這篇文章就到這裡了,如果大家對這篇關於html font標籤的color屬性有什麼疑問,歡迎在下面提問。

【相關推薦】

html5 output標籤是什麼意思? html5 output標籤的使用方法

html font標籤是什麼? 標籤的屬性的詳細介紹
#

以上是HTML font標籤的color屬性是什麼? fontcolor的用法介紹(附顏色代碼表)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
上一篇:html table表格是什麼? 標籤中各種屬性的使用方法下一篇:html table表格是什麼?
標籤中各種屬性的使用方法