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。
我們寫個簡單的例子來看
參考資料
CSS 的 color 要怎麼用在 font 上呢?其實非常簡單,可以直接套用到 DIV 區塊、span 區域、input type text、textarea ... 等許多網頁元素中,然後設定想要的顏色就好啦!夠簡單吧!?也許就是為了寫得比較簡單一點,所以 CSS 直接用 color 屬性而不是寫成 font color。
我們寫個簡單的例子來看
<div style="padding:5px;border:2px blue solid;color:red;">
這是紅色的文字
</div>
結果就變成這樣
這是紅色的文字
</div>
這是紅色的文字
有看到範例中用 CSS 的 color 修改過後的文字顏色變成紅色了嗎?我們也只不過是把 color 屬性套用到 DIV 區塊內就搞定了,是不是很簡單呢?參考資料
- Wibibi 網頁設計教學百科:CSS color 文字顏色
- Wibibi 網頁設計教學百科:HTML font color 文字顏色
留言
張貼留言