更改HTML表的背景颜色

这篇文章解释了改变网站上表格部分背景颜色的方法。

旧方法使用该属性BGColor.更改表格的背景颜色。它还可以用于更改表格行或表格单元格的颜色。但是bgcolor属性已经被用于样式表，所以它不是操作表背景颜色的最佳方法。

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

这个例子改变了整个表的背景颜色:

要更改单行的颜色，请插入背景颜色属性

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

您也可以将背景颜色应用于表头，或者

使用样式表更改背景颜色

但是，最好避免使用Background-Color属性，以支持正确格式化的样式表。例如，您可以在HTML文档的头部的样式表中设置样式，或将它们设置为外部样式表。头部或外部样式表中的更改可能会像这些表，行和单元格一样出现：

表{背景颜色：＃ff0000;}
tr {背景 - 颜色：黄色;}
td {背景颜色：＃000;}

设置列背景颜色

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

CSS.：

td.colcolor {背景 - 颜色：蓝色;}

html.：

电池1cell 2cell 1cell 2

通过样式表控制背景颜色的一个重要优势是，您可以稍后更改颜色选择。控件中的颜色选择只需更改即可，而不必遍历HTML文档并对每个单元格进行更改CSS将立即应用于每个实例class =“colcolor”出现语法。