如何更改表格的背景颜色

许多新手或业余网页设计师都想知道如何更改表格的背景颜色。 在几分钟内,您可以通过这个简短的教程学习如何执行这项技术。 该方法并不像看起来那么令人生畏。 更改表格的背景颜色就像在需要着色的单元格,行或表格中添加一个属性一样简单。

如何开始

属性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了解更多细节。