修改 HTML Table 表格背景顏色

修改 HTML Table 表格背景顏色的常用方式有兩種做法,第一種是用傳統的 HTML bgcolor 屬性直接修改,第二種是用 CSS 的方式修改,兩種方式都很普遍,以下就分別提供 bgcolor 以及 css 兩種寫法的範例給各位參考,各主流的瀏覽器支援程度都不錯。

HTML bgcolor 屬性修改 Table 背景顏色
修改過後的結果
透過 bgcolor 將表格背景修改為粉紅色
範例的重點在於紅色標注的"bgcolor="pink"這裡,bgcolor 屬性是 HTML 用來標示顏色常用的語法,在這裡直接寫在開頭 table 標籤內,代表整個表格的基本顏色都是 pink(粉紅色),若您想用其他種顏色,可以參考這:色碼表

用 CSS background-color 屬性修改 Table 背景顏色
修改過後的結果  
透過 css 的 background-color 將表格背景修改為粉紅色
採用 CSS 的 background-color 屬性,可以自由的修改網頁元素的背景顏色,這也是新一代網頁設計師常用的手法,在這個範例裡面,我們同樣將 background-color 寫到開頭的 table 標籤裡面,這樣整個表格背景顏色都會是粉紅色的囉!

繼續研究:修改 HTML Table 表格文字大小

關注、一定要會的 HTML 表格設計方式:HTML 表格設計篇 TABLE
分享於 2014-07-21