在 HTML 表格中,<colgroup>
元素用于定义列的属性,可以一次性定义多个列的样式和属性。
属性
- span:指定列组中列的数量
- width:指定列的宽度
- align:指定列的水平对齐方式
- valign:指定列的垂直对齐方式
- bgcolor:指定列的背景颜色
示例代码
-- -------------------- ---- ------- ------- --------- -------- ------------------------ ----------------------- --------- -------- ------------------------ ------------------------ ---- ------- -- --- ------ ------- -- --- ------ ------- -- --- ------ ----- ---- ------- -- --- ------ ------- -- --- ------ ------- -- --- ------ ----- --------
在上面的示例代码中,<colgroup>
元素定义了三列,前两列的背景颜色为 lightblue,第三列的背景颜色为 lightgreen。在表格中,每一行的列数必须与 <colgroup>
中定义的列数相匹配。
注意事项
<colgroup>
元素必须位于<table>
元素内部。<colgroup>
元素中的属性会应用到所定义的列中,可以通过 CSS 进行进一步的样式调整。- 使用
<colgroup>
可以减少重复的样式定义,提高表格的可维护性。