跳到主要內容

CSS font color 啥玩意兒?不應該加上 font 才對

CSS 內建的基礎文字顏色屬性是 color 而不是 font color 唷!很多 CSS 初學者都沒搞清楚這點,想要找如何用 CSS 修改文字顏色的方式就會一直用 font color 這個關鍵字去找,雖然還是找得到,不過 color 屬性是 CSS 的超級基礎,還是要弄清楚一點,下在要修改文字顏色,請搜尋 css color 就可以了。

CSS 的 color 要怎麼用在 font 上呢?其實非常簡單,可以直接套用到 DIV 區塊、span 區域、input type text、textarea ... 等許多網頁元素中,然後設定想要的顏色就好啦!夠簡單吧!?也許就是為了寫得比較簡單一點,所以 CSS 直接用 color 屬性而不是寫成 font color。

我們寫個簡單的例子來看
<div style="padding:5px;border:2px blue solid;color:red;">
這是紅色的文字
</div>
結果就變成這樣
這是紅色的文字
有看到範例中用 CSS 的 color 修改過後的文字顏色變成紅色了嗎?我們也只不過是把 color 屬性套用到 DIV 區塊內就搞定了,是不是很簡單呢?

參考資料

  1. Wibibi 網頁設計教學百科:CSS color 文字顏色
  2. Wibibi 網頁設計教學百科:HTML font color 文字顏色

留言

這個網誌中的熱門文章

你想設計兩欄式還是三欄式的網頁排版設計

無論是兩欄式網頁設計還是三欄式網頁設計,都是相當普遍的網頁排版設計方式,而這兩欄式或者是三欄式架構,若使用 DIV 區塊來排版,又該怎麼做呢?有個很重要的觀念,就是 CSS 的浮動效果,這個浮動效果簡單來說,可以看成是平面上的區塊,在水平方面上下與左右的關係。

中壢的仁海宮好多人拜拜

相信住在中壢時間夠酒的居民應該都聽說過中壢的新街廟,其實中壢新街廟就是中壢仁海宮,名聲夠響亮了吧?說真的仁海宮的香火很鼎盛,每次去都可以看到很多信徒在裡面拜拜,說是當地人的信仰中心也不為過,另外,中壢仁海宮也稱為新街媽祖廟。

你有勇氣說吾愛吾師吾更愛真理嗎?順便學習英文

相信有念過書或看過電視增加常識的朋友應該都有聽過「吾愛吾師吾更愛真理英文」這句話吧?我都不知道聽過幾次了,這句話的意思很簡單,就是我雖然很敬愛自己的老師,可是我更相信真理,也就是當老師的觀念與真理相衝突時,我會選擇真理。