Html 为什么我的桌子周围有像素空间？

我有一个表格，我想从屏幕的左上方开始，但它的左上方似乎有一个1像素的空间。不知道为什么

我尝试将边距、边框等全部设置为0，但无法去除像素

<table style="width:100%;height:100%;max-width:750px;max-height:1334px;">

    <tr style="height:5%;background-color:#e31837">
        <td align="center"></td>
    </tr>

    <tr>
        <td align="center"></td>
    </tr>

    <tr style="height:10%;background-color:#e31837">
        <td align="center">
            <table style="width:100%;color:white;font-size:26px;font-family:sans-serif">
                <tr><td align="center"><p class="example"><b>TEXT</b></p></td>                      
                </tr>
            </table>
        </td>
    </tr>

</table>

文本

我希望表格从浏览器窗口区域的左侧和顶部开始，但我可以看到表格左侧和顶部1像素的灰色背景

---

看起来我不能把主体样式放在这里，但它的样式是所有边距都为0，即顶部、左侧，背景颜色为灰色。。。只是为了确保它是显示表格后面网页的一部分，而不是浏览器出于任何原因在左侧和顶部添加一些内容。

这可以通过设置

边框折叠：折叠在
表
元素上。这可以防止浏览器通过合并相邻单元格的边框，在表格组件的边框之间添加任何额外的填充（在本例中，它是单元格边框和不存在的表格边框之间的填充）。您可以直观地看到差异：


另一种解决方案是设置
边框间距：0在
表
元素上。这不会合并相邻单元格的边框，但仍会删除它们之间的填充：



（最初作为评论发布，以确认它解决了问题）
添加
边框塌陷：塌陷表格元素规则解决了问题？是的，解决了，谢谢！