，其效果如下：
可以发现表格的边框好像很宽，当然这里的“很宽”绝对不是表格border的宽，会看到的宽应该是
之间有间隙所致。因此只需 要修改表格的cellspacing属性即可，即：，效果如下：
但是，这个宽度只有一个像素的宽，其实，上图看到的其实是两个像素的宽，为什么呢，这是因为 之间的边框没有重合所致。修改表格的border-collapse属性即可，
即
再给表格加个颜色：
设置边框的BORDER=0 、cellspacing=1，设置Table的背景色为所要的边框色，再设置所有的td背景色为白色，这样细边框就显露出来了。
设置Table的细边框通常有这么几种方式：
1、设置边框的BORDER=0 、cellspacing=1，设置Table的背景色为所要的边框色，再设置所有的td背景色为白色，这样细边框就显露出来了。
2、设置BORDER=0 ，再通过CSS，给Table加上1px的border-top,border-left，然后再设置所有的td的border-right,border-bottom，这样也能达到所要的效果。
3、设置table的CSS为{border-collapse:collapse;border:none;},再设置td的CSS为{border:solid #000 1px;}
p.dotted {border-style: dotted}
p.dashed {border-style: dashed}
p.solid {border-style: solid}
p.double {border-style: double}
p.groove {border-style: groove}
p.ridge {border-style: ridge}
p.inset {border-style: inset}
p.outset {border-style: outset}
A dotted border
A dashed border
A solid border
A double border
A groove border
A ridge border
An inset border
An outset border
table做表格样式表如下
.td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding-left:10px;}
.table{border:solid #add9c0; border-width:1px 0px 0px 1px;}
| |
