在HTML中，我们可以通过CSS样式来设置表格的颜色，以下是一些常见的方法：
1、使用内联样式：在HTML元素中直接添加style属性，设置颜色值，这种方法的优点是简单快捷，但缺点是不够灵活，如果需要修改样式，需要在每个元素中单独修改。
<table style="background-color: #f0f0f0;">
<tr>
<td style="color: #000000;">单元格1</td>
<td style="color: #000000;">单元格2</td>
</tr>
<tr>
<td style="color: #000000;">单元格3</td>
<td style="color: #000000;">单元格4</td>
</tr>
</table>
2、使用内部样式表：在HTML文档的head部分添加style标签，编写CSS样式，这种方法的优点是可以在多个元素中复用同一套样式，缺点是需要在HTML文档中添加额外的代码。
<!DOCTYPE html>
<html>
<head>
<style>
table {
background-color: #f0f0f0;
}
td {
color: #000000;
}
</style>
</head>
<body>
<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>
</body>
</html>
3、使用外部样式表：将CSS样式编写在一个单独的文件中，然后在HTML文档中使用link标签引入，这种方法的优点是可以实现样式和结构的分离，便于维护和管理，缺点是需要额外的文件和链接操作。
创建一个名为style.css的文件，编写以下内容：
table {
background-color: #f0f0f0;
}
td {
color: #000000;
}
在HTML文档中引入这个样式表：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>
</body>
</html>
4、使用CSS类：为表格和单元格分别定义一个类，然后在HTML元素中引用这个类，这种方法的优点是可以实现样式的复用和继承，缺点是需要在HTML元素中添加额外的class属性。
在CSS中定义两个类：
.table {
background-color: #f0f0f0;
}
.cell {
color: #000000;
}
在HTML元素中引用这两个类：
<!DOCTYPE html>
<html>
<head>
<style>
/* 这里可以省略，因为已经在外部样式表中定义了 */
</style>
</head>
<body>
<table class="table">
<tr class="table">
<td class="cell">单元格1</td>
<td class="cell">单元格2</td>
</tr>
<tr class="table">
<td class="cell">单元格3</td>
<td class="cell">单元格4</td>
</tr>
</table>
</body>
</html>