参考资料

1. HTML DOM 提交表单
2. HTML DOM 返回文档的最后一次修改时间 实例
3. HTML DOM 返回图像映射某个区域的替代文字实例
4. HTML DOM改变表格的cellpadding和cellspacing
5. HTML DOM为表格指定规则
6. HTML DOM对单个单元格的内容水平对齐
7. HTML DOM 返回文档中第一个图像的ID
8. HTML DOM 返回文档中的链接数

HTML DOM改变单元格横跨的列数(colspan属性)

HTML DOM colspan 属性

详细介绍

colspan 属性用于指定一个表格单元格应该横跨的列数。它是 HTML 表格中常用的属性之一，允许单元格跨越多个列。

标签

colspan 属性可用于以下 HTML 标签：

• <td>

• <th>

用法

<td colspan="number"></td>
<th colspan="number"></th>

其中 number 是一个正整数，表示单元格要横跨的列数。

实例

<table border="1">
  <tr>
    <td colspan="2">横跨两列的单元格</td>
  </tr>
  <tr>
    <td>第一列</td>
    <td>第二列</td>
  </tr>
</table>

功能

• 合并水平方向上的多个单元格

• 创建更复杂的表格布局

• 用于表头跨越多列显示标题

CSS 扩展

虽然 colspan 是 HTML 属性，但可以通过 CSS 来增强其视觉效果：

td[colspan] {
  background-color: #f0f0f0;
  text-align: center;
}

td[colspan="2"] {
  font-weight: bold;
}

注意：colspan 是 HTML 属性，不是 CSS 属性，无法通过 CSS 直接设置或修改。