表格细边框的CSS样式怎么设置？

指定的<table>为细边框，把<table>放在<div>中即可。

一、首先新建表格，代码如下：

<table width="500" border="1">  <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr><tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr><tr>  <td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr</table>。

二、在table里加css样式，代码如下：

<table width="500" border="1" cellpadding="0" cellspacing="0" style="border-collapse:collapse">  <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td </tr><tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr><tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></table>。

三、单元格边距(表格填充)(cellpadding) -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间。单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离，border-collapse:collapse表示表格的两边框合并为一条即可。

1、新建一个html文件，命名为test.html，用于讲解css如何定义表格内外边框颜色各不相同。

2、在test.html文件内，使用table标签创建一个表格，用于测试。

3、在test.html文件内，设置table标签的class属性为otwo。

4、在css标签内，通过class定义表格的外边框的颜色，例如，这里使用border属性设置外边框颜色为红色。

5、在css标签内，再通过class定义表格内边框的颜色，即td单元格的颜色，例如，这里设置为蓝色。

---