html table 細框線

真的太常忘記了，決定記錄下來= =

<table width="500" cellpadding="0" cellspacing="0" border="1" style="border-collapse:collapse;">  
<tr>  
    <td style="border:1px solid black;"></td>  
    <td style="border:1px solid black;"></td>  
    <td style="border:1px solid black;"></td>  
</tr>  
<tr>  
    <td style="border:1px solid black;"></td>  
    <td style="border:1px solid black;"></td>  
    <td style="border:1px solid black;"></td>  
</tr>  
<tr>  
    <td style="border:1px solid black;"></td>  
    <td style="border:1px solid black;"></td>  
    <td style="border:1px solid black;"></td>  
</tr>  
</table> 

這樣要每個<td>都要再標記

table#border{
border-top:#000 1px solid;
border-left:#000 1px solid;
}
table#border td{
border-bottom:#000 1px solid;
border-right:#000 1px solid;
}

這樣會讓所有id=border的table都變細框線，有複數個table都叫border會有綠色波浪底線的警告，但還是可以跑，不知道為什麼就是了