如何用颜色填充html表格数据单元格？

在HTML中，你可以使用<style>标签或外部CSS文件来定义表格数据单元格（<td>）的背景颜色。以下是两种方法的示例：

方法一：内联样式

在<td>标签中使用style属性直接设置背景颜色。

<table>
  <tr>
    <td style="background-color: red;">红色单元格</td>
    <td style="background-color: green;">绿色单元格</td>
  </tr>
  <tr>
    <td style="background-color: blue;">蓝色单元格</td>
    <td style="background-color: yellow;">黄色单元格</td>
  </tr>
</table>

方法二：使用CSS

在<head>部分定义CSS样式，并通过类名应用到<td>元素上。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格颜色填充示例</title>
<style>
  .red-bg { background-color: red; }
  .green-bg { background-color: green; }
  .blue-bg { background-color: blue; }
  .yellow-bg { background-color: yellow; }
</style>
</head>
<body>

<table>
  <tr>
    <td class="red-bg">红色单元格</td>
    <td class="green-bg">绿色单元格</td>
  </tr>
  <tr>
    <td class="blue-bg">蓝色单元格</td>
    <td class="yellow-bg">黄色单元格</td>
  </tr>
</table>

</body>
</html>