您好,欢迎来到高士教育。
搜索
您的当前位置:首页html<colgroup>标签的使用与定义

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>34766</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> 标签。

Copyright © 2019- guanggaoshi.cn 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务