如何更改表格的背景顏色

許多新手或業餘網頁設計師都想知道如何更改表格的背景顏色。 在幾分鐘內,您可以通過這個簡短的教程學習如何執行這項技術。 該方法並不像看起來那麼令人生畏。 更改表格的背景顏色就像在需要著色的單元格,行或表格中添加一個屬性一樣簡單。

如何開始

屬性bgcolor將更改表格的背景顏色以及當前表格行或當前表格單元格。 但bgcolor屬性不贊成使用樣式表,所以它不是改變表格背景顏色的最佳方式。 更改背景顏色的更好方法是將樣式屬性background-color添加到表格,行或單元格標記中。 看下面的例子來學習如何。

如果由於某種原因,您不想將樣式屬性background-color添加到表格中,則可以選擇其他選項。 例如,您可以在文檔頭部的樣式表中或在外部樣式表中設置樣式 。 請參閱以下內容:

table {background-color:#ff0000; } tr {background-color:yellow; } td {background-color:#000; }

設置背景顏色

在列上設置背景顏色的最佳方法是創建一個樣式類 ,然後將該類分配給該列中的單元格。 看看下面的例子來學習如何做到這一點。

CSS:

td.blueCol {background-color:blue; }

HTML:

class =“blueCol” > cell 1 cell 2
class =“blueCol” > cell 1 cell 2

包起來

即使您以前從未更改過表格的背景顏色,也可以復制上述示例以獨自嘗試此方法。 嘗試提供的不同選項,並選擇你最終覺得最舒服的一個。 如果你想了解更多關於HTML表格的信息,請查閱這個FAQ了解更多細節。