html – 为什么我的表格单元格似乎有填充,即使我没有设置它？

.skinny
{
    margin:0 0 0 0;
    padding:0 0 0 0;
    border:0 0 0 0;
}

我将它应用到一个包含图像的行,该图像也应用了skinny类：

<td width="33%" align="center" class="skinny">
    <table width="400px" height="180px" class="skinny">
        <tr class="skinny">
            <td class="skinny" width="60px" height="100px"><a class="skinny" href="/"><img class="skinny" width="60px" height="100px" id="snapshot" src="/images/snapshot.png"></a></td>
            <td class="skinny" width="120px" height="100px"><a class="skinny" href="/"><h1 class="skinny">Product</h1></a></td>
        </tr>
    </table>
</td>

我试图使图像尽可能接近< h1>在下一个单元格中的文本,以便它们从左到右相互推动.

但无论我将skinny类应用到多少个元素,似乎在每个表格单元格周围都会出现“填充”,这会在图像和文本之间创建一个空格.

我该如何删除？