使用CSS和HTML创建三列表格，其中一列占据三分之二的宽度
HTML表格是组织和展示数据的一种常用方法，而CSS则赋予我们控制表格布局和样式的强大能力。 要实现标题中描述的三列布局，其中一列占据三分之二的宽度，我们可以巧妙地运用HTML的colspan属性和CSS的宽度控制。
列跨越与宽度调整
立即学习“前端免费学习笔记（深入）”； 示例代码及布局说明 以下HTML和CSS代码演示了如何实现所需的三列布局： 通过colspan属性允许我们合并表格单元格，从而实现列的跨越。对于一个元素， colspan属性值表示它将横跨的列数。
占据三分之二宽度的列
占据三分之一宽度的列
table {
width: 100%;
border-collapse: collapse; /* 去除单元格间隙 */
}
td {
border: 1px solid black; /* 添加边框，便于观察 */
padding: 8px; /* 添加内边距，使内容更美观 */
}
td:first-child {
width: 66.67%; /* 占据三分之二宽度 */
}
td:last-child {
width: 33.33%; /* 占据三分之一宽度 */
}
colspan属性，我们将前两列合并成一个单元格，占据两列的宽度。然后，使用CSS的width属性分别设置第一列和第三列的宽度，实现三分之二和三分之一的比例分配。 border-collapse: collapse; 可以消除单元格之间的默认间隙，使表格布局更紧凑。
