CSS DIV 文字顏色設計 | css文字顏色
CSSDIV文字顏色需要用到CSS的color屬性,我們可以簡單的用color將整個DIV內的文字顏色統一規劃,也可以透過span標籤把要用特殊顏色標註的文字標示出來,用color屬性來修改或設計DIV區塊內的文字顏色是CSS設計的標準做法,幾乎所有主流的瀏覽器都支援color屬性,對於CSScolor屬性或DIV區塊的用法若有疑問,可以參閱以下這兩篇的解說內容。如果對於DIV區塊或color屬性沒有問題,可以接著來看這幾個文字顏色設計範例。CSSDIV文字顏色設計範例
CSS DIV 文字顏色設計範例
<div style="color:#D68B00;border:2px #ccc solid;padding:10px;">採用 #D68B00 文字顏色</div><div style="color:#00D600;border:2px #ccc solid;padding:10px;">採用 #00D600 文字顏色</div><div style="color:#A830FF;border:2px #ccc solid;padding:10px;">採用 #A830FF 文字顏色</div><div style="color:#FF30FF;border:2px #ccc solid;padding:10px;">採用 #FF30FF 文字顏色</div><div style="color:#969696;border:2px #ccc solid;padding:10px;">採用 #969696 文字顏色</div>
範例呈現效果採用 #D68B00 文字顏色
採用 #00D600 文字顏色
採用 #A830FF 文字顏色
採用 #FF30FF 文字顏色
採用 #969696 文字顏色
範例從上而下有很多個 DIV 區塊,每個 DIV 區塊內的文字顏色都不一樣,只要的差異在於 color 屬性的參數值,color 屬性可以使用 RGB 色碼、十六進位色碼或是顏色的英文名稱,通常會使用十六進位色碼,因為顏色多又不用記,本站提供的...