修改 HTML Table 表格背景顏色的常用方式有兩種做法,第一種是用傳統的 HTML bgcolor 屬性直接修改,第二種是用 CSS 的方式修改,兩種方式都很普遍,以下就分別提供 bgcolor 以及 css 兩種寫法的範例給各位參考,各主流的瀏覽器支援程度都不錯。
HTML bgcolor 屬性修改 Table 背景顏色修改過後的結果
範例的重點在於紅色標注的"bgcolor="pink"這裡,bgcolor 屬性是 HTML 用來標示顏色常用的語法,在這裡直接寫在開頭 table 標籤內,代表整個表格的基本顏色都是 pink(粉紅色),若您想用其他種顏色,可以參考這:
色碼表。
用 CSS background-color 屬性修改 Table 背景顏色修改過後的結果
透過 css 的 background-color 將表格背景修改為粉紅色 |
採用 CSS 的 background-color 屬性,可以自由的修改網頁元素的背景顏色,這也是新一代網頁設計師常用的手法,在這個範例裡面,我們同樣將 background-color 寫到開頭的 table 標籤裡面,這樣整個表格背景顏色都會是粉紅色的囉!
繼續研究:
修改 HTML Table 表格文字大小關注、一定要會的 HTML 表格設計方式:
HTML 表格設計篇 TABLE。