表格布局与CSS设计精要.pdfVIP

table{border-collapse:collapse;}table,th,td{border:1pxsolid#000;}

13.4设计表格特殊样式

下面来讲解表格布局效果，以及各种特殊样式设计方法。

13.4.1表格布局特性

表格布局模型是建立在表格结构模型的基础之上，一个完整的表格结构包含一个可选的标

题以及任意行的单元格。当多行单元格被构建，则根据表格结构模型，会自动派生出列，

每行中第1个单元格属于第1列，第2个属于第2列，依此类推。行和列可以在结构上被

分组，并利用这个分组我们可以使用CSS控制多行或多列的显示样式。简单说，表格结构

模型包含了表格、标题、行、行组、列、列组和单元格。

CSS在disy属性中定义了表格对象的显示模型，简单说明如下：

•table：定义一个块状表格，表现为一个长方形的块，并参与块格式化内容。

•inline-table：定义一个行内表格，表现为一个长方形的块，并参与行内格式化内

容。

•table-row：定义一个元素为单元格组成的行。

•table-row-group：定义一个元素将一行或多行分