html - 如何使表格的两个单元格之间的边距为 0？

Question

我试图让两个彼此相邻的图像看起来像单个图像。这是我要的 HTML:

<tr>
    <td style="background-image: url(images/SPIGLogo.png); 
        background-repeat:no-repeat; height: 220px; width: 850px; border:0px;">
        &nbsp;
    </td>
    <td style="background-image: url(images/LogoContinuation.png); 
        background-repeat: repeat-x; border:0px;">
        &nbsp;
    </td>
</tr>

右侧单元格中的图像实际上是重复的又高又窄的图像。

问题是，运行时我没有让两个单元看起来像一个。在这张图片中，您可以看到左边的样子，以及我需要的右边的样子。即使我指定 border="0"，它们之间也存在这个“排水沟”。

我已经看到这件事完成了；我只是无法复制它!

编辑添加:顺便说一句，这是 IE9 上的一个简单的 HTML 页面。

跟进已接受答案的评论:使用 CSS 尝试实现所需的结果没有成功。设置 style="border: 0px; border-spacing: 0px; padding: 0px;"在两个图像之间给出了缩小尺寸的“装订线”，但仅此而已。也许还有更多事情要做？不管怎样，我使用接受的答案完成了工作。

Answer 1

只有一种方法:

<table cellspacing="0" cellpadding="0">...</table>