修改HTML Table 表格內的文字大小與顏色 | html table font color
修改HTMLTable表格內的文字大小與顏色最簡單的方法,就是透過css的style設定,我們可以一次修改整個表格內的文字大小與顏色,或者是分別對不同的欄位設計不同的顏色,以下範例分為css語法以及HTMLTable程式碼的部分,組合起來就可以呈現。CSS語法
CSS 語法
<style language=text/css>.table_test{ border:3px #FFAC55 double; padding:5px;}.table_test td{ font-size:13px; color:pink;}.table_test td.red{ font-size:13px; color:red;}.table_test td.green{ font-size:13px; color:green;}.table_test td.blue{ font-size:13px; color:blue;}</style>
HTML Table 程式碼<table class="table_test" rules="all" cellpadding=5;><tr><td>表格內容 1</td><td>表格內容 2</td><td>表格內容 3</td></tr><tr><td class=red>表格內容 4</td><td class=green>表格內容 5</td><td class=blue>表格內容 6</td></tr></table>
範例呈現結果如只要將 css 語法與 HTML Table 程式碼依序寫入一個空白 html 檔案,並存成 test.html 再用瀏覽器開啟就可以看到範例呈現的結果,稍微解釋一下,css 第一組中的 border 是表格邊框、padding[1] 是內距、接著我們將設定了三組 td 的 class,用來表現不同的欄位文字大小與顏色,color 後面可以接顏色的英文單字名稱,也可以選用 Wibibi 所提供的色碼表上的十六...