web标准网面设计基础

CSS技巧 

网页表格制作进阶(三)

　4、列组(IE有效)

＜colgroup align=#＞ #=left, right, center

见下例：

Food	Drink	Sweet
A	B	C
D	E	F

表格代码：
＜table border width=160＞
＜colgroup align=left＞ ＜colgroup align=center＞ ＜colgroup align=right＞ ＜thead＞
＜tr＞
＜th＞Food＜/th＞
＜th＞Drink＜/th＞
＜th＞Sweet＜/th＞
＜/thead＞ ＜tbody＞
＜tr＞
＜td＞A＜/td＞
＜td＞B＜/td＞
＜td＞C＜/td＞
＜tr＞
＜td＞D＜/td＞
＜td＞E＜/td＞
＜td＞F＜/td＞
＜/tbody＞
＜/table＞ 　　

　　5、列的属性控制

　　＜COL＞定义一个列组中的列，以便对它们能够同时设置有关属性
　　＜col span=#＞ #=从左数起，具有指定属性的列的列数
　　＜col align=#＞ #=left, right, center

见下例：

Food	Drink	Sweet
A	B	C
D	E	F

表格代码：
＜table border width=160＞
＜colgroup＞ ＜col align=center span=2＞ ＜colgroup align=right＞ ＜thead＞
＜tr＞
＜th＞Food＜/th＞
＜th＞Drink＜/th＞
＜th＞Sweet＜/th＞
＜/thead＞ ＜tbody＞
＜tr＞
＜td＞A＜/td＞
＜td＞B＜/td＞
＜td＞C＜/td＞
＜tr＞
＜td＞D＜/td＞
＜td＞E＜/td＞
＜td＞F＜/td＞
＜/tbody＞
＜/table＞

　　以上内容考虑到实用性，没有展开讨论，欲了解详细的内容可参考清华大学《HTML 语言教程》或其他相关书籍。