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

 时间: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="">列分组数

  • php之cookie的使用-统计访问次数
  • 如何利用HTML5和CSS3制作图片列表并展示效果
  • 用数据库怎么判断用户存在
  • 《汉书》的作者是谁
  • 运动会口号搞笑霸气押韵
  • 热门搜索
    房奴试爱刺激床戏大全 腰突的最佳锻炼方法图解 波司登羽绒服怎么样 数据透视表怎么用 读书的方法 儿童玩具大全 晒干的鱼怎么做好吃 地板打蜡方法 心衰的最佳治疗方法 免费漫画大全