CSS表格--样式

1.表格边框【border】

border: 1px solid blue;　

2.折叠边框【border-collapse】

border-collapse:collapse;　　

3.表格宽度和高度【width、height】

table{width:100%;}
th{height:50px;}　

4.表格文本对齐【text-align 、 vertical-align】

text-align 属性设置水平对齐方式，比如左对齐、右对齐或者居中。

td{text-align:right;}

vertical-align 属性设置垂直对齐方式，比如顶部对齐、底部对齐或居中对齐。

td
  {
  height:50px;
  vertical-align:bottom;
  }　　

5.表格内边距【padding】

td{padding:15px;}

6.边框的距离【border-spacing】　

table
  {
  border-collapse:separate;
  border-spacing:10px 50px;
  }

7.表格标题的位置【caption-side】

caption { caption-side:bottom; }

8.表格中的空单元格【empty-cells】

table
  {
  border-collapse:separate;
  empty-cells:hide;
  }

9.列表【table-layout】

table{table-layout:fixed;}