当前位置:Gxlcms > html代码 > html<colgroup>标签的使用与定义

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

时间:2021-07-01 10:21:17 帮助过:61人阅读

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>标签的使用与定义的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行