轉載自：http://blog.csdn.net/carefree31441/article/details/3291397
colgroup和col一般出現在表格當中
定義表格單獨列的任意屬性
col能覆蓋colgroup定義的屬性
具體
- <HTML>
- <BODY>
- <table>
- <colgroup span="5" style="color:#666666; >
- <col style="background-color:#FFF">
- <col width="100px">
- <col span="2" width="300px">
- </colgroup>
- <tbody>
- <tr>
- <td>
- text
- </td>
- <td>
- text
- </td>
- <td>
- text
- </td>
- <td>
- text
- </td>
- <td>
- text
- </td>
- </tr>
- </tbody>
- </table>
- </BODY>
- </HTML>
colgroup 中的 span="1" 是控制style給表格中的前幾列(如果后面無col則有效)
按以上例子 如果沒有內部的col 表格的第一列背景為紅色
第一個col定義的也是第一列，按照屬性覆蓋的原則這個col吧colgroup的背景覆蓋了，所以此時效果為白色。
第二個col定義的則是第二列，定義寬度為100px
第三個col 的SPAN="2" 則第三個開始兩列被定義
被定義的列為col+col+2col為4列最后一列無定義
效果圖請運行程序
colgroup 中的 span="1" 是控制style給表格中的前幾列(如果后面無col則有效)
按以上例子 如果沒有內部的col 表格的第一列背景為紅色
第一個col定義的也是第一列，按照屬性覆蓋的原則這個col吧colgroup的背景覆蓋了，所以此時效果為白色。
第二個col定義的則是第二列，定義寬度為100px
第三個col 的SPAN="2" 則第三個開始兩列被定義
被定義的列為col+col+2col為4列最后一列無定義
效果圖請運行程序
附錄：
定義
說明表格中一列或一組列的缺省屬性。
Specifies property defaults for a column or group of columns in a table.
注釋
嵌套的 COL 屬性將覆蓋 COLGROUP 屬性。
使用 SPAN 屬性可以指定 COLGROUP 定義的表格列數。該屬性的缺省值為 1。
COL 元素可以出現在 COLGROUP 元素之外，這兩個元素可用於類似的目的。但是，你必須使用 COLGROUP 元素來決定表格內部分隔線(rules)應該處於的位置。見下面第一個例子。
若在 COLGROUP 中嵌套了 COL 元素則應該避免在 COLGROUP 中使用 SPAN 標簽屬性。這是因為屬於嵌套的 COL 元素的 SPAN 標簽屬性將覆蓋 COLGROUP 元素中的標簽屬性。這可能引起代碼的混亂及可能並非所願的結果。參見下面的第二個例子。
TABLE 對象及其關聯元素有一個獨立的表格對象模型，該模式使用不同於常規對象模型的方法。要獲得關於表格對象模型更多的信息，請參看如何動態生成表格。
此元素在 Internet Explorer 3.0 及以上版本的 HTML 中可用，在 Internet Explorer 4.0 及以上版本的腳本中可用。
此元素是塊元素。
此元素需要關閉標簽。