1、设置表格的边框。在CSS中，可以通过border来设置表格或单元格的边框及其边框颜色，例如，下面设置表格为1px的蓝色边框。
2、在table表格里，默认是显示两个边框线的，如果要设置成一条边框，在CSS中需要使用border-collapse设置为collapse，合并为一条边框。
3、CSS设置表格的宽度和高度，使用width宽度和height高度来设置。
4、CSS设置表格的文本水平对齐方式。主要通过text-align来设置，有三个值：居左对齐left，居右对齐right，居中对齐center。
5、CSS设置表格的内边距。主要通过padding来设置，padding值越大，内边距越大，如图设置间距为15像素。
6、如图所示间距设置成功。
css控制table单双行的方法是获取到行号。<style type="text/css">
#tb tr {
background-color: expression(
this.sectionRowIndex % 2 == 0 ? "#fff" : "#efefef"
)
TableSelect: expression(
this.sectionRowIndex == 0 ? "" :
(
onmouseover = function()
{
this.style.backgroundColor="#69CDFF"
},
onmouseout = function()
{
var color
if(this.sectionRowIndex % 2 == 0){
color = "#fff"
} else {
color = "#efefef"
}
this.style.backgroundColor=color
}
)
)
}
</style>
table如下：
<body>
<table cellspacing="1" class="FindAreaTable1" ID="DataGrid1">
<tr>
<td>首行首列</td>
<td>首行</td>
<td>首行</td>
<td>首行</td>
<td>首行</td>
<td>首行</td>
</tr>
<tr>
<td>行1首列</td>
<td>行1</td>
<td>行1</td>
<td>行1</td>
<td>行1</td>
<td>行1</td>
</tr>
<tr>
<td>行2首列</td>
<td>行2</td>
<td>行2</td>
<td>行2</td>
<td>行2</td>
<td>行2</td>
</tr>
<tr>
<td>行3首列</td>
<td>行3</td>
<td>行3</td>
<td>行3</td>
<td>行3</td>
<td>行3</td>
</tr>
<tr>
<td>行4首列</td>
<td>行4</td>
<td>行4</td>
<td>行4</td>
<td>行4</td>
<td>行4</td>
</tr>
<tr>
<td>行5首列</td>
<td>行5</td>
<td>行5</td>
<td>行5</td>
<td>行5</td>
<td>行5</td>
</tr>
</table>
</body>
</html>
