手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

网页表格的列分组的使用方法

时间:2024-10-13 14:51:09

1、网页表格中有列分组功能的<colgroup> 标签,用于对表格中的列进行组合,以便对其进行格式化现在我来介绍使用方法

2、打开编辑器Hbuilder,创建一个名为demo的网页文件

网页表格的列分组的使用方法
网页表格的列分组的使用方法

3、使用编辑器快速创建为2行3列表格,使用tr标签创建行,使用td创建表格单元格

网页表格的列分组的使用方法

4、为了美观的显示表格的大小,设置表格的CSS属性,表格添加边框,表格的单元格设置宽度和高度

网页表格的列分组的使用方法
网页表格的列分组的使用方法

5、现在在表格插入<colgroup></colgroup>,所有的列进行分组

网页表格的列分组的使用方法

6、在分组中插入<col>标签,属性span="number",span是分组数的属性,比如前两列为一组,后一列为一组,在每个组中可以设置style属性,前两列背景色为红色,后背景色为绿色

网页表格的列分组的使用方法
网页表格的列分组的使用方法

7、总结: <colgroup></colgroup>列分组 <col span="">列分组数

© 手抄报圈