如何用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來實現容器透明。