使用 th 标签创建跨越多列的表头可通过 colspan 属性实现，1. 设置 colspan 属性指定跨越列数，如
<th>标签定义 HTML 表格中的表头单元格。它用于呈现表格的标题或头部信息，通常以粗体显示，帮助读者更好地理解表格数据的含义。
表头单元格使用
<th>标签来定义。
<th>元素通常位于
<tr>元素（表格行）内，用于标识表格的列标题。
如何使用 th 标签创建跨越多列的表头？
可以使用
colspan属性来定义
<th>标签跨越的列数。例如，
<th colspan="2">姓名</th>会创建一个跨越两列的表头单元格，可以用来表示“姓名”相关的两个子列，比如“姓”和“名”。这在组织复杂表格时非常有用，能更清晰地呈现数据结构。
th 标签和 td 标签有什么区别？什么时候应该使用 th 而不是 td？
<th>和
<td>标签都用于定义表格中的单元格，但它们之间有一个关键的区别：
<th>用于定义表头单元格，而
<td>用于定义数据单元格。
<th>单元格通常以粗体显示，并且默认情况下是居中的，而
<td>单元格则以普通文本显示，并且默认情况下是左对齐的。
什么时候使用
<th>而不是
<td>？ 当你需要定义表格的标题或头部信息时，应该使用
<th>。这有助于屏幕阅读器和其他辅助技术正确地解释表格的结构，并为用户提供更好的可访问性体验。简单来说，如果单元格的内容是描述性的标签，就用
<th>；如果是实际的数据，就用
<td>。
如何使用 CSS 样式化 th 标签？让表头更美观？
使用 CSS 样式化
<th>标签可以极大地提升表格的视觉效果。 你可以通过以下方式进行样式化：
-
字体样式： 使用
font-weight
属性设置字体粗细，font-style
设置字体样式（如斜体），font-family
设置字体类型。 -
背景颜色： 使用
background-color
属性设置背景颜色，使表头与数据单元格区分开来。 -
文本颜色： 使用
color
属性设置文本颜色，确保文字清晰可读。 -
对齐方式： 使用
text-align
属性设置文本对齐方式（如居中、左对齐、右对齐）。 -
边框： 使用
border
属性设置边框样式，可以添加边框颜色、宽度和样式。 -
内边距和外边距： 使用
padding
和margin
属性调整单元格内容与边框之间的距离，以及单元格之间的距离。
例如，以下 CSS 代码可以使
<th>标签的背景颜色为浅灰色，文本居中，字体加粗：
th {
background-color: #f2f2f2;
text-align: center;
font-weight: bold;
}通过灵活运用 CSS 样式，你可以创建出美观且易于理解的表格。
