HTML font color 文字顏色

HTML font color 文字顏色可以在 <font> 標籤內使用 color 來設定,也可以使用 CSS 的 style 來設定,其實設定文字顏色有許多種不同的方式,這裡準備了兩種常見的文字顏色設計方法,都是主流的瀏覽器所支援的設計方式。網頁設計師對於一個文字顏色較為豐富的網頁,會先預設一個最常呈現的基本顏色,通常將該顏色寫在 CSS 語法內,然後再根據需要不同顏色的網頁內文字,分別用 <font> 或 <span> 等文字標示的標籤,將特定的標示文字寫入不同的色碼,創造出豐富的網頁文字顏色風格,以下範例都是對網頁文字添加顏色的普遍寫法。

HTML font color 文字顏色範例一、直接在 <font> 內使用 color
<font color="blue">文字顏色為藍色</font>、<font color="#FF0000">文字顏色為紅色</font>
以上範例輸出
文字顏色為藍色文字顏色為紅色
直接在 HTML <font> 標籤內使用 color 標示顏色是最傳統的一種設計方式,也是老舊的瀏覽器都支援的一種寫法,此種寫法的好處在於簡單又快速,但缺點是對於 <font> 標籤內的文字超連結顏色無法控制,若要控制文字超連結的顏色請參閱:修改超連結顏色

HTML font color 文字顏色範例二、透過 css style 來設計 font color
<span style="color:orange;">文字顏色為橘色</span>
以上範例輸出
文字顏色為橘色
範例二則是使用 span 標籤將需要變色的文字包起來,再透過 css style 的 color 屬性來修改文字的顏色,範例中的 style 之後就可以接上文字的樣式,這裡寫「color:orange」代表要顯示的文字顏色為橘色,更多的顏色可以從《色碼表》挑選。

延伸閱讀
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012