Html 表边框折叠:tr{display:Table}时折叠不起作用

Html 表边框折叠:tr{display:Table}时折叠不起作用,html,css,Html,Css,我需要一个解决方案,当AD是固定的,tbody有滚动。我找到了这样的解决方案,但我有一个边界崩溃:崩溃问题。这是我的html代码: <table> <thead> <tr> <th></th> <th>#</th> <th>Name</th> </tr> &l

我需要一个解决方案,当AD是固定的,tbody有滚动。我找到了这样的解决方案,但我有一个边界崩溃:崩溃问题。这是我的html代码:

<table>
    <thead>
        <tr>
            <th></th>
            <th>#</th>
            <th>Name</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td>
            <td>00000001</td>
            <td>Name 1</td>
        </tr>
        <tr>
            <td></td>
            <td>00000001</td>
            <td>Name 2</td>
        </tr>
        <tr>
            <td></td>
            <td>00000001</td>
            <td>Name 3</td>
        </tr>
    </tbody>
</table>
这是。
正如您所看到的,行之间的边界是2px,但必须是1px。我的错误是什么?

尝试添加此选项,这样就不必更改样式:边框顶部:0

td {
    border:1px solid #cccccc;
    border-top:0;
    border-collapse: collapse;
}

td {
    border:1px solid #cccccc;
    border-top:0;
    border-collapse: collapse;