how to display background color in outlook 2010 html email?

Question

My problem is related to Microsoft Outlook 2010. Actually I want to publish my HTML newsletter in Outlook 2010, but the main problem which I am facing is styling problem it's not showing color and all when the newsletter is published in Outlook 2010. please help me out if you know how to set color and css style in Outlook.

Solution 1

This method works across email clients:

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

Solution 2

You can also do it this way - styling in the td cell.

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

Solution 3

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

This will NOT work on Outlook 2010. If you want to style background-color in Outlook, you'll have to put your background style in style attribute, like this

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

Plus: If you want to style background IMAGE (not color), default Outlook 2007+ will not support it, but you can do some tricks to make that happen. Check out this link : https://litmus.com/community/learning/25-understanding-background-images-in-email http://backgrounds.cm/

Solution 4

the background-color property works in Outlook 2010.

reference: http://www.campaignmonitor.com/css/

Solution 5

I was struggling with the same issue and found out that Outlook doesn't support the name of the color like modern browsers. I changed:

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

to

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

and Outlook loved it.

View more solutions