在使用表格制作一些表单数据,时常需要弄一些跨列的效果,table标签提供colspan属性进行跨列的设置。

table表格跨列;colspan的使用-冯金伟博客园

操作方法

  • 01

    在需要制作跨列的<td>标签上添加colspan = “列数”,然后删除去掉多余的<td>标签。 代码:<td colspan=”2”>跨列</td>

    table表格跨列;colspan的使用-冯金伟博客园

  • 02

    保存html代码,使用浏览器打开即可在浏览器页面看到跨列效果。

    table表格跨列;colspan的使用-冯金伟博客园