您的位置:58编程 > html5+css3网页设计基础教程 HTML5 <colgroup> 标签

html5+css3网页设计基础教程 HTML5 <colgroup> 标签

2023-04-07 10:33 HTML5教程

html5+css3网页设计基础教程 HTML5 <colgroup> 标签

html5+css3网页设计基础教程 HTML5 <colgroup> 标签

html5+css3网页设计基础教程

实例

HTML5 <colgroup>标签可以组合<col>标签。

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

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


标签定义及使用说明

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

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

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

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


HTML 4.01 与 HTML5之间的差异

HTML5 中不再支持 HTML 4.01 中的大部分属性。


属性

属性 描述
align (已废弃)
left
right
center
justify
char
HTML5 不支持。规定在列组合中内容的水平对齐方式。
char (已废弃) character HTML5 不支持。规定根据哪个字符来对齐列组中的内容。
charoff (已废弃) number HTML5 不支持。规定第一个对齐字符的偏移量。
span number 规定列组应该横跨的列数。
valign (已废弃) top
middle
bottom
baseline
HTML5 不支持。定义在列组合中内容的垂直对齐方式。
width (已废弃) pixels
%
relative_length
HTML5 不支持。规定列组合的宽度。


全局属性

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


事件属性

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

阅读全文
以上是58编程为你收集整理的html5+css3网页设计基础教程 HTML5 <colgroup> 标签全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 58编程 58biancheng.com 版权所有 联系我们
桂ICP备12005667号-32 Powered by CMS