我是CSS和HTML的新手。我有一个包含HTML和CSS代码的电子邮件模板。 我在我的新闻稿模板右上角放了一个粉红色的圆框：http://www.pedersenshotell.se/newsletter/
在Firefox，Opera等上看起来不错，但是当我将它上传到时事通讯电子邮件广告系列并发送到Yahoo，Gmail，Outlook和Hotmail时，它看起来很难看。它显示一个方框而不是一个圆圈。为什么？
答案 0 :(得分：6)
HTML电子邮件是件难事。电子邮件客户端通常不是普通的浏览器，它们无法正确呈现HTML，您会惊讶于为什么正常的事情（如背景）不能在那里工作。
出于安全原因，Web服务正在删除/阻止部件。
我会坚持使用HTML 3.2或更简单的HTML解决方案，我知道这很烦人，我建议您使用Fractal这是一个电子邮件验证服务来检查您的工作。
您也可以从Email Standards Project获取提示，以查看哪些功能受支持，哪些功能不受支持。
啊，我几乎忘记了最重要的部分。请在邮件顶部提供一个网站链接，以提供基于网络的简报视图，通常是“将此邮件视为网页”或“如果电子邮件已损坏，请单击此处”。答案 1 :(得分：3)
我怀疑该页面有一个方框而不是圆形框，因为您在不支持 border-radius属性的浏览器中查看它。
请参阅 border-radius，了解哪些浏览器和版本支持此属性。
对border-radius的电子邮件客户端支持不存在。
此处的一个解决方案是使用<img>而不是CSS生成的形状，尽管您可能还会发现电子邮件客户端阻止外部内容 - 一种安全功能，可能会导致页面看起来更糟破碎的图像。由于页面上有其他图像，这对您来说可能不是问题。
答案 2 :(得分：2)
电子邮件广告系列工具中的简报（Outlook，gmail，hotmail）支持的CSS较少。此外，不支持电子邮件客户端的Web浏览器支持border-radius。
最好将<img>用于背景图像，纯图像，渐变，圆角和3D相关内容，而不是使用CSS样式。
请参阅此参考：http://www.campaignmonitor.com/css/
此参考显示不同电子邮件客户端支持的CSS属性。
答案 3 :(得分：1)
让您意识到浏览器和电子邮件客户端有两种完全不同的处理HTML和CSS的方式非常重要。
在新闻简报中使用CSS和HTML的所有客户端永远不能100％兼容。根据我的经验，使新闻简报100％兼容的唯一方法是在HTML标签中内嵌CSS，如下所示：
<td style="height:50px; width:100px; color: red; font-size: 12px; font-family: verdana;"> Content goes here </td>
答案 4 :(得分：0)
如前所述，HTML电子邮件客户端存在一些必须考虑的问题。最重要的问题：内联CSS样式（大部分时间）。
为了帮助构建HTML电子邮件，有一些很好的样板模板。请查看http://www.emailology.org/#1或https://github.com/seanpowell/Email-Boilerplate，并使用这些模板作为起点。