Html 如何设置表格行的边框和填充？

我想在行之间添加分割和填充，但我注意到行边框显示为

边框折叠：折叠

，但这会删除

元素的填充

那么，如何在

中添加边框和填充

---

谢谢。

如果您想在表格布局中同时设置

边框

和

填充

，最好将其设置在

td

上，而不是

tr

，这样可以确保它在浏览器中正常工作

表格{
边框：1px纯红；
边界塌陷：塌陷；
}
运输署{
垂直对齐：顶部；
填充：20px；
}
tr：第n个孩子（1）td{
边框底部：1px纯蓝色；
}
tr：第n个孩子（2）td{
边框底部：1px纯绿色；
}

标题
细胞
另一个细胞

<table style="border: 1px solid red; border-collapse: collapse; padding: 20px">
    <tr>
        <td>Header</td>
    </tr>
    <tr style="border-top:1px solid blue; vertical-align: top; padding: 20px">
        <td>Cell</td>
    </tr>
    <tr style="border-top:1px solid green; vertical-align: top; padding: 20px">
        <td>Another Cell</td>
    </tr>
</table>    

<table style="border: 1px solid red; padding: 20px">
    <tr>
        <td>Header</td>
    </tr>
    <tr style="border-top:1px solid blue; vertical-align: top; padding: 20px">
        <td>Cell</td>
    </tr>
    <tr style="border-top:1px solid green; vertical-align: top; padding: 20px">
        <td>Another Cell</td>
    </tr>
</table>