html 中关于表格的 css

HTML中的表格样式通常通过CSS（层叠样式表）来控制。CSS可以让你精确地调整表格的外观，包括边框、单元格间距、背景颜色、字体等。以下是一些常用的CSS属性用于美化HTML表格：

1. `border` 和 `border-collapse`: 控制表格的边框。`border-collapse: collapse;`可以让相邻单元格的边框合并成一条线，而`border-style`可以设置边框样式。

2. `cellpadding` 和 `cellspacing`: 分别表示单元格内容与边框之间的填充（内边距）和行与列之间固定的间隔（外边距）。

3. `width` 和 `height`: 设置表格的整体宽度和高度。

4. `background-color`: 设置表格的背景色。

5. `th` 和 `td` 选择器: 用于分别针对表头（`<th>`) 和数据单元格（`<td>`）应用特定的样式。

6. `text-align` 和 `vertical-align`: 控制文本对齐和垂直对齐。

7. `font-size`, `font-family` 等: 样式化表格内的文字。

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}

th {
  background-color: #f2f2f2;
  font-weight: bold;
}

tr:nth-child(even) {
  background-color: #f2f2f2;
}

/* 可选的样式，如给奇数行或偶数行设置不同的背景 */