HTML电子邮件中的内联边框样式

我正在处理一封响应性很强的HTML电子邮件，我在Gmail中遇到了一个渲染问题，只在IE中出现了（这是必须的！），它在其他27个客户端变体中运行良好。我们需要支持

我在这里摆好了小提琴：

现在，如果您查看代码，您将看到有一个灰色边框，它包含另一个白色边框。出于某种奇怪的原因，浏览器中的Gmail将根本不显示此边框，只显示注册底部的边框。我认为这与我编写边界的方式有关（我将使用其他人的代码，我只对此做了一些小的更改），因为边界已按如下方式完成：

border-left-style:solid;border-left-width:1px;border-left-color:#fff;

border-left-style: 1px solid #fff;

因此，我改变了灰色和白色边界的声明方式，如下所示：

border-left-style:solid;border-left-width:1px;border-left-color:#fff;

border-left-style: 1px solid #fff;

但这没有任何区别。这快把我逼疯了，如果可以请帮忙。我想这可能和宽度有关？但在处理了这个问题之后，它就解决了所有其他客户的问题。任何帮助都将不胜感激，因为我可能很快就会把头撞到电脑屏幕上

感谢这段代码包含疯狂的内联样式，但这当然是HTML电子邮件的本质

更新：删除

元素上的白色内边框将渲染灰色边框。这与我设置的宽度不正确有关吗

---

更新2：这是IE9的错误渲染。而且只适用于Gmail

您的问题是边框在表本身上。你会发现电子邮件客户不喜欢这样。我绕过它的方法是将表格放在表格中，有点像这样：

<table width="600" cellpadding="0" cellspacing="0" border="0"> 
<tr>
<td width="600" valign="top" align="center" bgcolor="#CCCCCC">
    <img src="spacer.gif" width="1px" height="1px" style="border:0px; display:block;">
    <table width="598" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFF">
    <tr>
    <td width="598" align="left">
    Text Here
    </td>
    </tr>
    </table>
    <img src="spacer.gif" width="1px" height="1px" style="border:0px; display:block;">
</td>
</tr>
</table>
    <br/><br/><br/>
<table width="600" cellpadding="0" cellspacing="1" border="0" bgcolor="#CCCCCC"> 
<tr>
<td width="600" valign="top" align="left" bgcolor="#FFFFFF">
    Text Here
</td>
</tr>
</table>

此处文本




此处文本

以下是a上的代码： 我创建了两种不同的方法来获得相似的效果。你可以选择最适合自己的

---

我还看到你使用了一些电子邮件客户端不喜欢的最大宽度，所以这可能是你的问题。这是css类的活动监控指南以及您应该和不应该使用的内容：

我在电子邮件中的表格中使用了以下内容，没有任何问题

左边框：2px#000000实心；右边框：2px#000000实心

我已经在多个浏览器和电子邮件客户端中进行了测试。确保您的样式是内联的，确保在任何外部表上没有不同的边框，因为Outlook等似乎继承自父级
TD

我在IE9和Gmail上遇到的突出问题是，它呈现了我的电子邮件的响应版本，所以请查看您的媒体查询。解决这个问题的方法是添加CSS，因此如果您有
，您需要确保它变成
，您可以像这样尝试
左边框：1px实心#fff
难道不应该是
左边框
而不是
左边框样式
？样式指的是线条的类型，在你的例子中
solid
谢谢各位，用它运行并通过石蕊进行测试。-叹气-你对什么版本的IE有问题？@Spudley我知道这种感觉。根据Litmus的说法，他们将IE9用于基于Web的电子邮件客户端。谢谢你的回答，伙计。问题是我发布的代码已经是“表中的表”。最让人恼火的是，除了Gmail，这个代码在每个电子邮件客户端都有效，而且只在IE中有效。我知道
max width
问题，但我们在很多电子邮件中都使用它，而且它还不是一个问题（我遇到了诱人的命运！）。我应用边界的方式与你非常不同。我使用了一个小间隔图像来提供一个1px的顶部边框，对于左侧和右侧的边框，我的内部表格比较大的表格小一点，并且它被告知要对齐中心，这就产生了边框的外观。我已经多次遇到这个问题，而且它还在继续；我找到了一个很好的解决方案谢谢你，伙计。我来试一试。如果是我的话，我会对内表使用1px的填充，然后给外表一个灰色边框。该死的这些HTML电子邮件。我更新了我的代码，所以你可以看到两种不同的方式获得相同的效果。如果要删除一个或多个边，则使用图像的方式效果最佳。