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

 时间: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制作图片列表并展示效果
  • 用数据库怎么判断用户存在
  • 《汉书》的作者是谁
  • 运动会口号搞笑霸气押韵
  • 热门搜索
    环保手抄报内容大全 文明礼仪手抄报名言 尊师重教手抄报 感恩手抄报资料 电子手抄报模板下载 国庆英语手抄报 英语国庆手抄报 防震手抄报图片大全集 手抄报图片素材 关于青春的手抄报