HTML font color 文字顏色設計

HTML font color 文字顏色設計是傳統的 HTML 在網頁文字顏色修改的標準語法,color 是 HTML font tag 的主要功能其中之一,網頁文字一般預設為黑色,如果想要將文字變換為其他種不同的顏色,在以前就必須使用 font color 來修改,算是很基本的 HTML 功能,儘管 CSS 設計已經相當普及,許多舊式的網頁設計還是找得到許多用 font color 設計的文字顏色。

HTML font color 文字顏色設計語法
<font color="文字的顏色">顯示的文字</font>
color 是 font tag 的其中一項功能,像語法中這樣把 color 寫在 font tag 的開頭標籤內就可以修改"要顯示的文字"的顏色,color 可以接受的文字表示有很多種,常用的有十六進位色碼(參考:色碼表)、RGB 色碼以及文字英文名稱。

HTML font color 文字顏色設計範例一、用顏色的英文單字
<font color="green">我是綠色的文字</font><br>
<font color="purple">我是紫色的文字</font><br>
<font color="orange">我是橘色的文字</font>
範例的實際效果
我是綠色的文字
我是紫色的文字
我是橘色的文字
我們在範例中的 font color 屬性都使用顏色的英文名稱,由上到下分別為綠色、紫色以及橘色,你也可以用其他顏色的英文試試看,不過如果覺得用顏色英文太過侷限,就使用色碼表來查詢不同的顏色編碼,這樣變化會比較多。

HTML font color 文字顏色設計範例二、用色碼表查詢
<font color="#82FF82">我是淺綠色的文字</font><br>
<font color="#00A800">我是深綠色的文字</font><br>
<font color="#FFC9C9">我是粉紅色的文字</font><br>
<font color="#E00000">我是深紅色的文字</font><br>
<font color="#A3A3FF">我是淺藍色的文字</font><br>
<font color="#0000A8">我是深藍色的文字</font>
範例的實際效果
我是淺綠色的文字
我是深綠色的文字
我是粉紅色的文字
我是深紅色的文字
我是淺藍色的文字
我是深藍色的文字
由於範例二使用的是十六進位的色碼,所以變化就變得很多樣,十六進位的色碼表示是用 # 字號開頭,後面接續有 6 個英文或數字組合,是非常普遍的顏色表示法,你可以從 Wibibi 網頁上的《色碼表》查詢數百種的顏色碼,再套用至範例中的 font color 看效果。

HTML font color 文字顏色效果的 CSS 替代屬性是:CSS color 文字顏色設計

更多文字處理
© Copyright webtech.tw Since 2010