table標簽修改tr,td標簽的行距

修改tr標簽的行距，tbale標簽的td標簽間距

1. 看如下Css文件的代碼，其都沒有table的tr行距產生效果

tr{
    margin-top: 10px;
    padding: 10px;
}
td{
    margin-left: 2px;
}

這個設置其實，會沒有效果的，原因就是對於table來說，它有一個屬性值會設置是否當成一個整體來看，且其有設置table元素間距行距的屬性。

2. border-collapse 屬性設置表格的邊框是否被合並為一個單一的邊框

屬性值	作用描述
separate	默認值。邊框會被分開。不會忽略 border-spacing 和 empty-cells 屬性。
collapse	如果設置的話，邊框會合並為一個單一的邊框。會忽略 border-spacing 和 empty-cells 屬性。
inherit	從父元素繼承 border-collapse 屬性的值，大多數為collapse

3. border-collapse屬性加上border-spacing屬性就可以設置tr標簽行間距，和td標簽的間距

<table style="border-collapse:separate; border-spacing:0px 10px;">
    <tr>
        <td>不等風雨，只等你</td>
        <td>汝，知否？</td>
    </tr>
    <tr>
        <td>春風十里不如你</td>
        <td>汝，知否？</td>
    </tr>
    <tr>
        <td>漂洋過海來看你</td>
        <td>汝，知否？</td>
    </tr>
</table>

border-spacing:2px 5px;第一個參數代表td的間距，第二個參數代表tr的行距。