CSS中關於表格樣式的設計
將數據以更直觀的方式展示給用戶，可以更好的增強用戶體驗，因此，良好的表格設計就顯得愈發重要。
（一）表格的構成（HTML部分）
表格的標簽構成較多，需要理解和掌握，詳細信息可訪問本人另一篇博文
http://www.cnblogs.com/zhouyanlife/p/8673422.html
（二）表格基本樣式設計
設計表格樣式考慮的要素，表格邊框，字體大小，背景顏色，內外邊距等等。
1、css設計和布局的核心是盒模型，因此在設計表格樣式時也要考慮到盒模型，可以利用padding屬性將盒子撐開
.tb tr,.tb td{ border: 1px solid #000; padding:20px; /*此時整個div是最外層的盒子，table是包裹整個表格的盒子，設置每一行每一列的內邊距就可以把盒子撐開*/ }
2、利用col元素可以設置整列樣式
.tb .col1{ background: #edf931;/*設置整列樣式*/ } #col_only{ background:#1de96a;/*設置整列樣式*/ }
3、利用css中的:nth-child()選擇器，選擇性的選擇行進行樣式設置
/*nth-child()選擇器，選擇父元素中指定的子元素，可以傳入odd,even或者數字*/ .tb tr:nth-child(even){ background: red; }
4、設置邊框樣式，將邊框折疊
table.tb{ border-collapse: collapse; /*表格邊框折疊，大部分表格都是這樣*/ border-spacing: 0; /*控制單元格之間的距離*/ text-align: center; /*讓文字居中*/ color:#333; }
通過上述的簡單設置，就可以設計出簡單的樣式：
再將字體大小，顏色，懸浮狀態等加以設計，就可以呈現出更加優秀的效果
參考：精通css高級web標准解決方案
w3cschool http://www.w3school.com.cn/