CSS如何设置表格样式

在 CSS 中，可以使用一系列属性来设置表格的样式，包括表格边框、单元格内边距、背景色等。以下是一些常用的表格样式属性：

• border：设置表格边框的宽度、样式和颜色。
• padding：设置单元格内边距。
• background-color：设置单元格背景色。
• text-align：设置单元格文本对齐方式。
• font-weight：设置单元格文本粗细。
• border-collapse：设置表格边框的合并方式（可选值为 collapse 或 separate）。

以下是一个简单的表格样式示例：

table {
  border-collapse: collapse;
}

td, th {
  border: 1px solid black;
  padding: 10px;
  text-align: center;
}

在上面的代码中，table 元素的 border-collapse 属性设置为 collapse，以合并表格边框。td 和 th 元素的 border 属性设置为 1 像素实线黑色边框，padding 属性设置为 10 像素内边距，text-align 属性设置为居中对齐。

除了上述属性外，还可以使用其他属性来设置表格的样式，例如：

• caption-side：设置表格标题的位置。
• caption：设置表格标题的样式。
• width：设置表格宽度。
• height：设置表格高度。
• vertical-align：设置单元格垂直对齐方式。

例如，以下代码将表格标题设置为粗体、居中对齐、红色字体：

caption {
  font-weight: bold;
  text-align: center;
  color: red;
}

请注意，不同浏览器可能对某些表格样式的支持有所不同。因此，您应该在不同浏览器中测试您的样式，并根据需要进行调整。