HTML 电子邮件：删除 Outlook 2007 中 <td> 按钮之间的边框答案

【问题标题】：HTML email : remove border between <td> buttons in Outlook 2007HTML 电子邮件：删除 Outlook 2007 中 <td> 按钮之间的边框
【发布时间】：2015-04-09 16:27:45
【问题描述】：

我尝试隐藏或删除在 Outlook 2007 中的 2 个号召性用语之间显示的边框。

此边框不会显示在我的电子邮件的背景图像上，但会出现在 Outlook 2007 中的背景颜色上（Outlook 不支持 bg img），我已经尝试了很多方法来推迟它。

这是屏幕：

http://i.stack.imgur.com/vC5cV.gif

这是我这部分的源代码：

<table class="table-inner" width="50%" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
    <tr>
        <td data-link-style="text-decoration:none; color:#FFFFFF;" align="center" height="36" style="border-radius: 20px; border: 2px solid #FFFFFF; padding-left: 15px; padding-right: 15px; font-family: 'Open Sans', Arial, sans-serif; color: #ffffff; font-size: 14px; font-weight: bold; background-color: rgb(1, 119, 181);">
            <a href="" style="color:#FFFFFF;" target="_blank">
            Link 1
            </a>
        </td>
        <td width="25">
        </td>
        <td align="center" height="36" bgcolor="#5eaade" style="border-radius: 20px; border: 2px solid #FFFFFF; padding-left: 15px; padding-right: 15px; font-family: 'Open Sans', Arial, sans-serif; color: rgb(255, 255, 255); font-size: 14px; font-weight: bold; background-color: rgb(94, 170, 222);">
            <a href="" style="color:#ffffff;" target="_blank">
            Link 2
            </a>
        </td>
    </tr>
</tbody>

请帮我删除这两个按钮之间可怕的“底线”？

问候

【问题讨论】：

那一定是来自其他地方的 CSS 吗？
嗨，Alex，这是 CSS 代码：table{ border-spacing:0; table-layout:fixed; margin:0 auto; } table table table{ table-layout:auto; } table td{ border-collapse:collapse; } 你注意到什么了吗？谢谢

标签： html css email outlook outlook-2007

【解决方案1】：

已修复！

在 css 头中我改变了：

table td{ border-collapse:collapse; }

为：

table td{ border-collapse:separate; }

但下面的其他 2 个按钮不再正确显示...所以我强行输入：

style="border-collapse:collapse;"

直接在他们的<td> 代码中。

【讨论】：