colgroup标签用于对html表格中的列进行组合,以便对其进行格式化;
colgroup标签可以向整个列应用样式,而不需要重复为每个单元格或每一行设置样式;
colgroup标签只能在table元素之内,在任何一个caption元素之后,在任何一个thead、tbody、tfoot、tr元素之前使用;
colgroup标签设置的样式会被col标签设置的样式覆盖。
看个效果
colgroup是table的一级子元素,用来包含一组列的定义。col是colgroup的子元素,用来定义表格的一列
tablecolgroupcolcolcol/colgroup/table
上面代码表明表格有3列。
col不仅是一个单独使用的标签,没有结束标志,而且还是一个空元素,没有子元素。它的主要作用,除了申明表格结构,还可以为表格附加样式。
tablecolgroupcolclass="c1"colclass="c2"colclass="c3"/colgrouptrtd1/tdtd2/tdtd3/td/tr/table
上面代码中,colgroup声明表格有三列,每一列有自己的class,可以使用CSS针对每个class设定样式,会对整个表格生效。
col有一个span属性,值为正整数,默认为1。如果大于1,就表示该列的宽度包含连续的多列。
tablecolgroupcolcolspan="2"col/colgroup/table
上面代码中,表格的表头定义了3列,实际数据有4列。表头的第2列会连续跨2列。
预览时标签不可点收录于合集#个上一篇下一篇