CSS表格和设置表格样式

在CSS中，我们可以使用各种属性来设置表格的样式。以下是一些常用的属性：

1. border - 设置表格边框。
2. border-collapse - 设置表格的边框是否合并为单一边框。
3. padding - 设置表格单元格内的空间。
4. text-align - 设置表格内文本的水平对齐方式。
5. vertical-align - 设置表格内文本的垂直对齐方式。
6. width 和 height - 设置表格的宽度和高度。
7. background-color - 设置表格背景色。
8. font-family - 设置表格文本的字体。
9. font-size - 设置表格文本的字体大小。
10. color - 设置表格文本的颜色。

以下是一个简单的示例，演示如何使用CSS来设置表格样式：

table {
  border-collapse: collapse;
  width: 100%;
}
 
th, td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
  background-color: #f2f2f2;
  font-family: Arial, sans-serif;
  color: #000;
}
 
th {
  background-color: #4CAF50;
  color: white;
}

在HTML中，我们可以这样使用上述CSS样式：

<table>
  <tr>
    <th>Header 1</th>
    <th>Header 2</th>
  </tr>
  <tr>
    <td>Data 1</td>
    <td>Data 2</td>
  </tr>
  <!-- 更多行和列 -->
</table>

这段代码将创建一个有着合并边框、有着宽度、有背景色和字体的表格，表头有着自己的背景色和文本颜色。