<style type="text/css">
table.gridtable {}{
font-family: verdana,arial,sans-serif
font-size:11px
color:#333333
border-width: 1px
border-color: #666666
border-collapse: collapse
}
table.gridtable th {}{
border-width: 1px
padding: 8px
border-style: solid
border-color: #666666
background-color: #dedede
}
table.gridtable td {}{
border-width: 1px
padding: 8px
border-style: solid
border-color: #666666
background-color: #ffffff
}
</style>
<!-- Table goes in the document BODY -->
<table class="gridtable">
<tr>
<th>Info Header 1</th><th>Info Header 2</th><th>Info Header 3</th>
</tr>
<tr>
<td>Text 1A</td><td>Text 1B</td><td>Text 1C</td>
</tr>
<tr>
<td>Text 2A</td><td>Text 2B</td><td>Text 2C</td>
</tr>
</table>
CSS（层叠样式表）级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
使用border-collapse: collapse去掉表格线间的空白。使用:nth-child(even)选择表格中的偶数行，进行修改背景色，如果选择奇数行，使用odd选择奇数。
使用:last-of-type选择最后一个元素进行画表格底线
使用colspan进行行合并
使用rowspan进行列合并
table自带的border属行显得很生硬。建议请将table的cellspacing设置为1，然后给table设置一个背景，给所有的td设置白色背景，这样td和td之间空出来的一像素就会显示为table背景的颜色形成一种边框效果，宽度和颜色可以随意控制，甚至能使用图片。满意请采纳，谢谢！
