宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取

小编给大家分享一下HTML中colgroup标签怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

    HTML<colgroup>标签实例

    <colgroup>和<col>标签为表格中的三个列设置了背景色:

<table border="1">

  <colgroup>

    <col span="2" style="background-color:red">

    <col style="background-color:yellow">

  </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>

    浏览器支持

    InternetExplorer,Firefox,Opera,GoogleChrome,Safari

    所有主流浏览器都支持<colgroup>标签。

    标签定义及使用说明

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

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

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

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

    HTML4.01与HTML5之间的差异

    HTML5中不再支持HTML4.01中的大部分属性。

    全局属性

    <colgroup>标签支持HTML的全局属性。

    事件属性

    <colgroup>标签支持HTML的事件属性。