如果對於 DIV 區塊或 color 屬性沒有問題，可以接著來看這幾個文字顏色設計範例。
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>
範例呈現效果<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 色碼、十六進位色碼或是顏色的英文名稱，通常會使用十六進位色碼，因為顏色多又不用記，本站提供的《色碼表》就可以查詢超過四百種以上的顏色，另外，為了讓範例更清楚呈現，所以我們替範例的 DIV 區塊增加了邊框設計，若有興趣研究相關知識，請閱讀這幾篇。➤除了可以修改 DIV 文字顏色之外，我們也可以修改字型，請看：CSS DIV 文字字型設計。
若您在練習以上範例時有遇到什麼問題，歡迎至我們的粉絲團發問，若沒有什麼問題，我們還有更多關於 CSS DIV 區塊的設計技巧，歡迎讀者朋友們多多閱讀與練習，後續將有更多實用的網頁設計語法準備分享給大家。
更多 CSS DIV 設計語法