我尝试隐藏或删除 Outlook 2007 中 2 个号召性用语之间显示的边框。
此边框不显示在我的电子邮件的背景图像上,但显示在 Outlook 2007 的背景色上(Outlook 不支持 bg img),我尝试了很多方法来推迟它。
这是屏幕:
https://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>
请帮我删除 2 个按钮之间的这条可怕的"底部"线?
问候
固定 !
在 css 头中,我更改了:
table td{
border-collapse:collapse;
}
为:
table td{
border-collapse:separate;
}
但是下面的其他 2 个按钮不再正确显示......所以我强迫一个:
style="border-collapse:collapse;"
直接在他们的<td>
代码中。
:)