表格样式的应用——对程序员比较有用（一）

[b]table [/b]所有的[b]HTML Tag[/b]

<table>
  <tbody>
   <caption>table caption</caption>
   <colgroup>
      <col />
      <col />		   
   </colgroup>
   <tr>
      <th>Food</th>
      <th>Drink</th>
      <th>Sweet</th>
   </tr>
   <tr>
      <td>A</td>
      <td>B</td>
      <td>C</td>  
   </tr> 
  </tbody>   
</table>

[b]table [/b]所有的[b]CSS Properties[/b]

table{
   border-collapse:separate | collapse;
   border-spacing : length | length;
   caption-side : bottom | left |right | top;
   empty-cells : hide | show;
   table-layout : auto | fixed;
}

[b]border-collapse : separate | collapse [/b]

参数：
separate : 　边框独立（标准HTML）
rtl : 　相邻边被合并

说明：
设置或检索表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开。

[b]border-spacing : length || length [/b]

参数：
length : 　由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位

说明：
设置或检索当表格边框独立（例如当border-collapse属性等于separate时），行和单元格的边框在横向和纵向上的间距。

[b]caption-side : bottom | left |right | top [/b]

参数：
bottom : 　下面
left : 　左边
right : 　右边
top : 　下面

说明：
设置或检索表格的caption对象是在表格的那一边。它是和caption对象一起使用的属性。

[b]empty-cells : hide | show [/b]

参数：
hide : 　隐藏
show : 　显示

说明：
设置或检索当表格的单元格无内容时，是否显示该单元格的边框。
只有当表格边框独立（例如当border-collapse属性等于separate时）此属性才起作用。

[b]table-layout : auto | fixed[/b]

参数：
auto : 　默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢
fixed : 　固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关

说明：
设置或检索表格的布局算法。