多年来，网站建设用于改变网站上的表格的部分的背景颜色的方法已经改变，随着样式表的引入让网站建设变得更容易且劳动更少。
旧方法使用属性bgcolor来更改表的背景颜色。它还可用于更改表格行或表格单元格的颜色。但是bgcolor属性已被弃用而不支持样式表，因此它不是操作表格背景颜色的最佳方式。
更改背景颜色的更好方法是将样式属性background-color添加到表，行或单元格标记中。
此示例更改整个表的背景颜色：<table style =“background-color：#ff0000;”>
要更改单个行的颜色，请在<tr>标记中插入background-color属性：<tr style =“background-color：yellow;”>
您可以通过将属性添加到<td>标记来更改单个单元格的颜色：<td style =“background-color：＃000;”>
您也可以以相同的方式将背景颜色应用于表头或 <th>标记：<th style =“background-color：＃000;”>
但是，最好避免使用background-color属性来支持格式正确的样式表。例如，您可以在网站建设中的HTML文档的HEAD中设置样式表中的样式，也可以在外部样式表中设置样式。HEAD或外部样式表中的这些更改可能对于表，行和单元格显示如下：
table {background-color：#ff0000; }
tr {background-color：yellow; }
td {background-color：＃000; }
设置列背景颜色：设置列的背景颜色的最佳方法是创建样式类，然后将该类分配给该列中的单元格。创建类允许您使用一个属性将该类分配给特定列中的单元格。
CSS：
td.ColColor {background-color：blue; }
HTML：
<table>
<tr> <td class =“ColColor”> cell 1 </ td> <td> cell 2 </ td> </ tr>
<tr> <td class =“ColColor”> cell 1 </ td> <td> cell 2 </ td> </ tr>
</ table>
通过样式表控制背景颜色的一个显着优点是，您可以在以后更改颜色选择。您不必通过HTML文档并对每个单元格进行更改，而是可以对CSS中的颜色选择进行单一更改，该选择将立即应用于出现class =“ColColor”语法的每个实例。
虽然将CSS散布到您的HTML中，或者调用单独的CSS文件，但除了修改HTML属性之外，还会增加一些管理开销，您会发现依赖CSS可以减少错误，加快开发速度并提高文档的可移植性。