参考资料

1. HTML DOM 改变image的src
2. HTML DOM删除下拉列表中的选项
3. HTML DOM 导航节点关系
4. HTML DOM 返回和设置链接的charset属性实例
5. HTML DOM 鼠标的坐标？
6. HTML DOM对单个单元格的内容垂直对齐
7. HTML DOM 重置表单
8. HTML DOM 返回文档的完整的URL实例

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 直接设置或修改。