指定的<table>为细边框，把<table>放在<div>中即可。
一、首先新建表格，代码如下：
<table width="500" border="1"> <tr><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td></tr><tr> <td> </td><td> </td><td> </td></tr</table>。
二、在table里加css样式，代码如下：
<table width="500" border="1" cellpadding="0" cellspacing="0" style="border-collapse:collapse"> <tr><td> </td><td> </td><td> </td </tr><tr><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td></table>。
三、单元格边距(表格填充)(cellpadding) -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间。单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离，border-collapse:collapse表示表格的两边框合并为一条即可。
设置每个table的样式，比如class=tab1，class=tab2，然后在样式表设置
.tab1 td{这里为tab1的样式}
.tab2 td{这里为tab2的样式}
而不用一个个去设置td class="xx"了 毕竟比较麻烦。
如下代码：
<table >
<td class="style1" >内容</td >
</table >
<table >
<td class="style2" >内容</td >
</table >
在CSS中定义:
.style1 {
}
.style2 (
}
或者是给TD加上class，相同样式用的相同Class，不同样式用的不同Class
