如何在Outlook 2010 HTML电子邮件中显示背景颜色?

29

我的问题与Microsoft Outlook 2010有关。实际上,我希望在Outlook 2010中发布我的HTML通讯,但我面临的主要问题是样式问题,即当通讯在Outlook 2010中发布时,它不显示颜色和其他样式。如果您知道如何在Outlook中设置颜色和CSS样式,请帮助我解决这个问题。


1
Neha,请展示你的代码...或者你可以在这里粘贴你的代码:- http://tinkerbin.com - Shailender Arora
似乎 Outlook 365 在2023年仍不支持类似 tr.highlight > td {background-color: #ffdd66;} 的 CSS - 必须使用类似 <tr style="background-color: #ffdd66;"> 的东西。 - Ben in CA
5个回答

49

这种方法适用于各种电子邮件客户端:

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

4
请确保使用上面显示的十六进制值。在不同版本的Outlook中,命名颜色(如“灰色”)的支持程度存在不一致性。 - Whatever Man
2
使用“background:”替代更明确的“background-color:”是否有任何问题? - Kalnode
@WhateverMan 说实话,微软为什么要这样做呢?旧版本的Outlook太麻烦了。我一直在使用颜色名称,直到看到你的提示之前,我从未想过它被忽略的如此愚蠢的原因。 - Peter VARGA

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

这在Outlook 2010上将无法实现。 如果你想在Outlook中设置背景颜色,你需要把背景样式放在style属性中,像这样

<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/


3

我曾遇到同样的问题,并发现Outlook不支持像现代浏览器那样使用颜色名称。

我做出了以下更改:

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

to

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

Outlook非常喜欢它。


2
你也可以这样做 - 在td单元格中进行样式设置。
<table><tr><td bgcolor="#3399ff">test</td></tr></table>

1

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接