如何在 Outlook 2010 html 电子邮件中显示背景颜色？答案

【问题标题】：how to display background color in outlook 2010 html email?如何在 Outlook 2010 html 电子邮件中显示背景颜色？
【发布时间】：2023-10-30 02:35:01
【问题描述】：

我的问题与 Microsoft Outlook 2010 有关。实际上我想在 Outlook 2010 中发布我的 HTML 时事通讯，但我面临的主要问题是样式问题，当时事通讯在 Outlook 2010 中发布时，它没有显示颜色。如果您知道如何在 Outlook 中设置颜色和 CSS 样式，请帮助我。

【问题讨论】：

neha 请向我们展示您的代码...或者您可以在此处粘贴您的代码：- tinkerbin.com

标签： html css outlook-2010

【解决方案1】：

此方法适用于电子邮件客户端：

<table bgcolor="#3399ff" style="background:#3399ff;"><tr><td>test</td></tr></table>

【讨论】：

确保使用如上所示的十六进制值。不同版本的 Outlook 支持的命名颜色（即“灰色”）不一致。
使用“background:”而不是更明确的“background-color:”有什么问题吗？
@WhateverMan 老实说，微软为什么要这样做？旧版本的 Outlook 真是太痛苦了。我使用了颜色的名称，直到我读到你的提示，我才想到它被忽略的愚蠢原因。

【解决方案2】：

您也可以这样做 - 在 td 单元格中设置样式。

<table><tr><td bgcolor="#3399ff">test</td></tr></table>

【讨论】：

【解决方案3】：

<table><tr><td bgcolor="#3399ff">test</td></tr></table>

这不适用于 Outlook 2010。如果要在 Outlook 中设置背景颜色样式，则必须将背景样式放入样式属性中，如下所示

<table><tr><td bgcolor="#3399ff" style="background-color:#3399ff">test</td></tr></table>

另外：如果您想设置背景图像的样式（不是颜色），默认的 Outlook 2007+ 将不支持它，但您可以做一些技巧来实现它。看看这个链接： https://litmus.com/community/learning/25-understanding-background-images-in-email http://backgrounds.cm/

【讨论】：

【解决方案4】：

background-color 属性适用于 Outlook 2010。

参考：http://www.campaignmonitor.com/css/

【讨论】：

【解决方案5】：

我在同样的问题上苦苦挣扎，发现 Outlook 不像现代浏览器那样支持颜色名称。我改变了：

<tr style="background-color: lightgray">

到

<tr style="background-color: #d3d3d3">

Outlook 很喜欢它。

【讨论】：