css去掉table的td單元格的間距cellspacing，設定隔行顯示不同背景顏色
去掉單元隔間隔
單元隔間隔對應table標籤上的 cellpadding 和 cellspacing，這裡可以用CSS實現，cellpadding 對應 td 的 padding。 去除邊框 cellspacing 的間隔有以下兩種方法：
方法一： border-collapse: collapse
border-collapse 預設值為separate，即每個td單元格都有獨立的邊框；collapse表示相鄰單元格共用一個邊框，此時 border-spacing 將不起作用，設定為collapse單元格間距將消失。
table {
border-collapse: collapse;
}
table tr td {
border: solid 2px #222;
}
方法二： 設定 border-spacing: 0
此時邊框間隔為0，看上去像是被合併了，但每個td都會有兩個邊框，相鄰td邊框會比最左/最右的不鄰td的邊框厚2倍，為了使單元格邊框寬度一致需要特殊處理：
table {
border-spacing: 0;
border-bottom: solid 2px #222;
border-right: solid 2px #222;
}
table tr td {
border-top: solid 2px #222;
border-left: solid 2px #222;
}
隔行顯示不同背景顏色
可使用nth-child偽類實現，引數分為odd（奇數行）和 even（偶數行），只需複寫一個即可
table tr {
background: #fff;
}
table tr:nth-child(even) {
background: #ccc;
}
完整示例 ofollow,noindex" target="_blank" href="https://jsbin.com/yovunum/edit?html,css,output">https://jsbin.com/yovunum/edit?html,css,output