如何更改表格的背景颜色

多年来，用于改变网站上桌子的部分的背景颜色的方法已经改变，随着样式表的引入变得更容易且劳动更少。

旧方法使用属性bgcolor来更改表的背景颜色。它还可用于更改表格行或表格单元格的颜色。但是bgcolor属性已被弃用而不支持样式表，因此它不是操纵表格背景颜色的最佳方式。

更改背景颜色的更好方法是将样式属性background-color添加到表，行或单元格标记中。

这将改变整个表的背景颜色：

要更改单个行的颜色，请在背景中插入background-color属性

标签：

您可以通过将属性添加到单个单元格来更改单个单元格的颜色

标签：

您还可以将背景颜色应用于表头或

标签，以同样的方式：

使用样式表更改背景颜色

如果您不想将样式属性background-color添加到表中，则可以使用其他方法设置背景颜色。例如，您可以在HTML文档的HEAD中设置样式表中的样式，或者在外部样式表中设置样式。在HEAD或外部样式表中更改这些对于表，行和单元格可能会显示如下：

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

为列设置背景颜色的最佳方法是创建样式类，然后将该类分配给该列中的单元格。创建类允许您使用一个属性将该类分配给特定列中的单元格。

CSS：

td.ColColor {background-color：blue; }

HTML：

细胞1	细胞2
细胞1	细胞2

通过样式表控制背景颜色的一个显着优点是能够在以后更改颜色选择。您可以对CSS中的颜色选择进行单一更改，而不是必须浏览HTML文档并对每个单元格进行更改，它将立即应用于使用class =“ColColor”的每个实例。这节省了大量时间并大大减少了错误的机会，例如错过了细胞颜色变化。

即使您以前从未更改过Web文档中表格的背景颜色，也可以复制上面的示例并自行尝试使用此方法。您将很快发现使用样式标签进行颜色更改是多么容易 - 尤其是样式表，如果您正在使用大型网站。尝试提供的不同选项，选择最适合您的选项。