如何通過CSS去除表格默認樣式的間距

<style type="text/css">
.dir{ width:100%; border-left:#C8B9AE solid 1px;border-top:#C8B9AE solid 1px;border-collapse:collapse;}
.dir td{width:25%;border-right:#C8B9AE solid 1px;border-bottom:#C8B9AE solid 1px;padding:10px 10px 6px;vertical-align: top;}
</style>
<table class="dir">
<caption>如何通過CSS去除表格默認樣式的間距</caption>
<tr>
<th>test</th>
<th>test</th>
<th>test</th>
</tr>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

 

 

 

border-collapse 屬性設置表格的邊框是否被合併爲一個單一的邊框，還是象在標準的 HTML 中那樣分開顯示