Question

我正在设计一个电子邮件广告系列，我的要求不支持CSS。不要让我开始。

除了下面提到的表格外，一切正常。角落的部分偏离了桌子的其余部分一个像素，我不能为我的生活弄清楚我在哪里有错误的分号或其他东西。

角落部分是相同的15x15图像，根据角落旋转90度。但是你可以看到线条直到边缘，因此图像上没有额外的填充。

A corner, zoomed to like 3200%

我尝试了越来越多<t*属性的各种迭代，在表格，行和单元格级别进行设置，99％的在线搜索引导我进行Q＆amp;关于确保跨度正常 - 我认为我的是。当我使用border = 1属性导致我不怀疑边界是罪魁祸首时，上限仍然存在。

我使用4列x 3行，最外面的列和行包含15px X 15px角图像（gif），角落之间的单元格具有白色背景，1px X 1px gif间隔对齐并拉伸给我一个角落图像之间的界限。

中心部分是带有图标的单元格，后跟一个文本单元格。我需要创建5个这些要点的东西;我添加了第二个空白框，以显示当其中两个相互对接时会发生什么。

任何人对我能看到什么，需要添加什么或需要从代码中减去什么都有任何想法？

enter image description here

<html>
 <body style='background:f3f7f8'>
     <table border=0 width=430 style='font-size=12px;cellpadding=0;cellspacing=0;border-collapse:collapse;'>
       <tr>
        <td width=15 height=15><img src="644810_tl.png" width=15 height=15 ></td>
        <td colspan=2 valign="top" style='background:ffffff'><img src="dkgray.gif" width=400 height=2></td>
        <td width=15 height=15><img src="644810_tr.png" width=15 height=15></td>  
       </tr>

       <tr>
        <td style='background=ffffff' align=left><img src="dkgray.gif" width=2 height=100></td>
        <td style='background=ffffff' width=75 align=center valign=center><img src="icon-pdf.gif"></td>
        <td style='background=ffffff' width=325 align=left valign=cener><strong>Lorem Ipsum<br></strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dignissim risus at quam hendrerit aliquet. Nunc et felis elit. Fusce pharetra adipiscing velit vel pharetra. Donec ornare velit sed massa tempor at tempor sem lacinia. Quisque enim nisl, auctor sit amet volutpat eget, porttitor sit amet tortor. Nulla ut sodales magna. Morbi adipiscing est urna, ac gravida erat.</td>
        <td style='background=ffffff' align=right><img src="dkgray.gif" width=2 height=100></td>
       </tr>

       <tr>
        <td width=15 height=15 style='background=ffffff'><img src="644810_bl.png" width=15 height=15></td>
        <td colspan=2 valign="bottom" style='background:ffffff;cellpadding=0;cellspacing=0;border-collapse:collapse'><img src="dkgray.gif" width=400 height=2></td>
        <td width=15 height=15 style='background=ffffff'><img src="644810_br.png" width=15 height=15></td>
       </tr>

       <tr>
        <td width=15 height=15><img src="644810_tl.png" width=15 height=15 ></td>
        <td colspan=2 valign="top" style='background:ffffff'><img src="dkgray.gif" width=400 height=2></td>
        <td width=15 height=15><img src="644810_tr.png" width=15 height=15></td>  
       </tr>

       <tr>
        <td width=15 height=15 style='background=ffffff'><img src="644810_bl.png" width=15 height=15></td>
        <td colspan=2 valign="bottom" style='background:ffffff;cellpadding=0;cellspacing=0;border-collapse:collapse'><img src="dkgray.gif" width=400 height=2></td>
        <td width=15 height=15 style='background=ffffff'><img src="644810_br.png" width=15 height=15></td>
       </tr>
     </table>
   </body>
  </html>

Answer 1

使用边框折叠，这会将单元格边框折叠到一个边框。

table
{
    border-collapse:collapse;
}

Answer 2

您指定cellpadding和cellspacing，就好像它们是CSS属性一样。它们不是 - 它们必须存在于table标记上。

此外，HEX颜色引用应该在它们之前有#。

如何摆脱表格单元格之间的这个像素空间？

2 个答案: