自定義table的樣式

     .table{
            font-size: 12px;
            border-collapse: collapse;
            border-top: 1px solid #7f9db9;
            border-left: 1px solid #7f9db9;
        }
        .table td, .table th{
            height: 22px;
            vertical-align: middle;
            border-bottom: 1px solid #7f9db9;
            border-right: 1px solid #7f9db9;
            padding: 2px;
        }
        .table th{
            background-color: #c3daf9;
        }

 表格的特性：

1、單元格默認平分table的寬度

2、th里面的內容默認加租並且左右上下居中

3、td里面的內容默認上下居中，左右對齊顯示

4、table的寬度決定了整個表格的寬度

5、table里面的單元格的寬度會被轉換成百分比

6、表格里面的每一列必須有寬度

7、表格的同一列或行會繼承最大值

8、th、td沒有margin屬性

表格的樣式

　　width寬度 、height高度、border邊框

　　border-spacing:x y; 　　指定單元格邊界之間水平和垂直間距。

　　border-collaspse:collaspe   邊框合並為一個單一的邊框會忽略border-spacing的值

　　重置表格默認樣式

　　　　table{border-collaspse:collaspe;}

　　　　table th,table td{padding:0;}