css color 語法規則
color: color code;
剛開始從 HTML 進入 css 世界的朋友可能會習慣性的用 font-color 來標示文字顏色，其實在 css 的規則下，只要使用 color 這樣簡單的寫法，就可以用來修改文字的顏色，後面的 color code 指的是要顯示的顏色，可以是 RGB 色碼、十六進位色碼或是顏色英文單字。網頁設計師可以根據網頁的風格變化不同顏色，Wibibi 的色碼表有數百種選擇，推薦給各位。
Wibibi 十六進位色碼表：http://www.wibibi.com/info.php?tid=372（外部網頁）
範例一、用 css color 修改 DIV 內的文字顏色
整個 DIV 區塊內的文字都是 #00BD00 這個顏色
範例一在 DIV 的開頭標籤內使用 color 語法，紅色標註的地方，這裡使用的 #00BD00 就是十六進位的色碼，呈現出來的顏色如上面這種草綠色，你也可以透過前面所推薦的 Wibibi 十六進位色碼表去挑選其他顏色。範例這樣的寫法，意思是整個 DIV 區塊內的顏色都是一樣的，其他 css 如 padding 及 background-color 都是用來讓範例比較清楚而已，有興趣的可以研究這兩篇的內容，特別是 background-color 常與 css color 搭配。如果要把 DIV 區塊內的特定文字用不一樣的顏色標示出來該怎麼寫？下面這個範例就很清楚的表達這種效果，只要透過 span 區域來標示就能做到。
範例二、用 css color 各別修改網頁內特定的文字顏色
沒有改的顏色 被 color 修改的顏色 沒有改的顏色
在範例二之中，我們就沒有在開頭的 DIV 區塊設定 color，讓 DIV 區塊內的文字顏色保持預設值，這裡的預設值是黑色，然後在 DIV 區塊內用 span 標籤把一段文字包起來，並在 span 區域的開頭標籤內使用 color 語法，最後呈現效果就可以看到只有＂被 color 修改的顏色＂這幾個文字的顏色有改變。由這兩個範例，我們可以看到 css color 不同的應用方式所呈現出來的不同效果，整個網頁中可能會有許多不同的文字顏色，搭配出整體的網頁風格，善用 css color 來修改網頁文字顏色總是能變出意想不到的效果。
Wibibi 的 css color 主題介紹：http://www.wibibi.com/info.php?tid=394