简体   繁体   中英

gmail html email background color

IS there any way to put color as background in HTML email for gmail?

I used this for making body background grey but it doesnt work

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#e2e3e7" style="font-family:Arial, Helvetica, sans-serif;">

Wrap your email in a single celled table with 100% width and height and set the background colour for that cell.

<table width="100%" height="100%">
    <tr>
        <td width="100%" height="100%" bgcolor="#e2e3e7">

            <!-- "Content" table goes here -->
            <table width="600" align="center" bgcolor="#ffffff">

            </table>

        </td>
    </tr>
</table>

Gmail (and other mailers) remove all css that is not inlined. So the hack of the tables works only because you define the color inline. You don't need a table, instead use

<body style="background-color:#242a30;">

I just had to do the same thing. If you put your email body into a table, you can set the table's bgcolor and that will work.

I had <body bgcolor='lightcyan'> , then I changed it to <body> <table bgcolor='lightcyan'> and put my content into that table.

in most cases you will have a centered email ... so do this an easy align="center" didnt work for me so i make a width="1680px"

<table>
<tr>
    <td width="1680px"  align="center" valign="middle" bgcolor="#e4ebdd">

        <table width='600' align='center' bgcolor='#ffffff'>
        <!-- .... -->

    </td>
</tr>

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM