CSS（8）表格

一、border

　　border属性用于设置表格（<table></table>）以及单元格（<th></th>/<td></td>）设置边框。注意：border也是一种简写属性，它一次性设置了table、th和td的四条边框的属性，这些属性都可以单独设置的，在这里就不一一演示了。在这个简写属性中， 各个属性的书写顺序是无关的。例如，下面的例子为table、th和td设置了1px宽的蓝色实线边框。

  table, th, td
   {
       border:  solid blue 1px;
   }

说明：上例中的表格具有双线条边框。这是由于 table、th 以及 td 元素都有独立的边框。如果需要把表格显示为单线条边框，请使用 border-collapse 属性。

二、border-collapse

　　border-collapse 属性设置是否将表格边框折叠为单一边框（单线表格）。border-collapse属性的取值有：separate（table、th 以及 td 元素都有独立的边框）；collapse（table、th和td元素的边框合并为一条单一的边框）。需要注意的是：如果没有规定文档定义类型 !DOCTYPE，border-collapse 属性可能会使网页报错，所以在为表格设置border-collapse属性的时候要先给HTML文档加上DTD。

table
  {
  /*为表格设置单线边框*/
  border-collapse:collapse;
  }

table,th, td
  {
  border: 1px solid black;
  }

三、width和height
　　width和height属性分别用于设置表格的宽度和高度。例如，下面的例子将表格宽度设置为 100%，同时将 th 元素的高度设置为 50px：

table
  {
  width:100%;
  }

th
  {
  height:50px;
  }

四、text-align 和 vertical-align

　　text-align 和 vertical-align 属性用于设置表格中文本的对齐方式。

　　text-align 属性设置水平对齐方式，比如左对齐（left）、右对齐（right）或者居中（center）：

/*单元格文本右对齐*/
td
  {
  text-align:right;
  }

　　vertical-align 属性设置垂直对齐方式，比如顶部对齐（top）、底部对齐（bottom）或居中对齐（middle）：

/*指定单元格的高度，并且设置单元格的垂直文本对齐方式为底部*/
td
  {
  height:50px;
  vertical-align:bottom;
  }

五、padding

　　表格的padding属性用于设置表格内边距。如需控制表格中内容与边框的距离，请为 td 和 th 元素设置 padding 属性：

/*设置单元格内边矩为15px*/
td
  {
  padding:15px;
  }

六、表格颜色

　　我们可以通过给表格设置背景色（background-color）、前景色（color ）和边框（border），从而制作出颜色比较丰富的漂亮表格。下面的例子设置边框的颜色，以及 th 元素的文本和背景颜色：

/*先设置表格的边框颜色*/
table, td, th
  {
  border:1px solid green;
  }

/*然后设置单元格的背景色和文本的颜色*/
th
  {
  background-color:green;
  color:white;
  }

参考：http://www.w3school.com.cn/css/css_table.asp