如何用border-spacing和cellspacing来实现1px细边框的table?

此文转载自：K.N.J的博客

 

学习table后，每次都会发现有2个边框，看上去不大顺眼，如果将边框设置为0，那也不大好，那如何做个细边框的table呢？大概是1px，通过查阅了相关的资料，让我找到了2种解决这个的方法，如下：

第一种方法：

#message{border-collapse:collapse;border:1px solid red;}

#message th,#message td{border:1px solid red;}

<table id=”message”>

<tr>

<th>出生年月</th>

<td>1989年1月22号</td>

</tr>

<tr>

<th>性别</th>

<td>男</td>

</tr></table>

第二种方法：

#message{border-spacing:1px;background:red;}

#message tr{background:purple;}

..........

..............

................

........................阅读全文，请到：K.N.J

更多关于html的问题也请参阅：

1.以图换字的实现。

2.用margin，position来实现容器透明。