html <colgroup>标签的使用与定义

html5中<colgroup>标签作用是格式化表格中的列，这里详细介绍下<colgroup>标签用法、<colgroup>标签属性以及<colgroup>标签应用实例。

html中<colgroup>标签作用：格式化表格中的列

<colgroup>标签用法：

<colgroup> 标签用于对表格中的列进行组合，以便对其进行格式化。

如需对全部列应用样式，<colgroup> 标签很有用，这样就不需要对各个单元和各行重复应用样式了。

<colgroup> 标签只能在 table 元素中使用。

<colgroup>标签应用实例：

两个 colgroup 元素为表格中的三列规定了不同的对齐方式和样式（注意第一个 colgroup 元素横跨两列）：

<table width="100%" border="1">
  <colgroup span="2" align="left"></colgroup>
  <colgroup align="right" style="color:#0000FF;"></colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
</table>

登录后复制

<colgroup>标签有哪些属性？

哪些浏览器支持<colgroup>标签？

所有主流浏览器都支持<colgroup>标签。Firefox、Chrome以及Safari仅支持colgroup元素的span和width属性。

标签定义及使用说明

<colgroup> 标签用于对表格中的列进行组合，以便对其进行格式化。

通过使用 <colgroup> 标签，可以向整个列应用样式，而不需要重复为每个单元格或每一行设置样式。

注释：只能在 <table> 元素之内，在任何一个 <caption> 元素之后，在任何一个 <thead>、<tbody>、<tfoot>、<tr> 元素之前使用 <colgroup> 标签。

提示：如果想对 <colgroup> 中的某列定义不同的属性，请在 <colgroup> 标签内使用 <col> 标签。

以上就是html <colgroup>标签的使用与定义的详细内容，更多请关注Work网其它相关文章！