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="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>
範例的實際效果<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 文字顏色設計。
更多文字處理
- HTML font size 網頁文字大小設計
- HTML font style 文字樣式設計
- HTML font face 網頁文字的字型設定