如何在 Windows Live Mail 等应用程序中使用正确的 CSS？

Posted 2023-02-19

【中文标题】如何在 Windows Live Mail 等应用程序中使用正确的 CSS？

【英文标题】：How to use the correct css in apps like windows live mail?

【发布时间】：2022-01-19 08:34:23

【问题描述】：

似乎我的 css 无法在 Windows Live Mail 和 Outlook 应用程序上运行，例如我尝试更改表格的背景颜色，但由于某种原因它无法正常工作。我尝试了很多东西，例如 bgcolor、背景颜色等。

【参考方案1】：

发送一个交叉兼容的 CSS 电子邮件不是一件容易的事... 遗憾的是，在 WWW 上所做的所有标准努力都没有到达大多数电子邮件客户端（Microsoft 甚至在所有版本的 Outlook 之间都不一致）。

以下是一些最有效的提示：

使用

HTML表格

进行布局 使用

HTML 4

标记和属性而不是 CSS（例如 bgcolor 和字体） 将您的 CSS 样式

内联

请注意，某些电子邮件客户端和 webmail 不允许某些样式，而直接忽略它们。 例如，Gmail 不喜欢 backgound-color，甚至会将您的字体 color 替换为自己的！

这是一项耗时的“试错”练习，但我设法构建了与所有主要电子邮件客户端（Windows Mail、Outlook(s)、Gmail、Thunderbird 等）兼容的模板

【讨论】：

您好，感谢您的帮助。你知道我如何设置左右边距，因为 Windows Live Mail 和 Outlook 应用程序似乎忽略了它。

我知道这听起来很难看，但使用包含 3 个单元格的表格可能会更容易，使用第一个和最后一个单元格作为边距...