2012-02-29 18 views
9

¿Hay alguna forma de poner color como fondo en el correo electrónico HTML para gmail?gmail html email color de fondo

He utilizado este para hacer fondo gris cuerpo, pero no funciona

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

Respuesta

17

envolver su correo electrónico en una sola tabla de celdas con un ancho y la altura del 100% y establecer el color de fondo para esa celda.

<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> 
+2

Esto era útil, pero hay que añadir width = "100%" y height = "100%" a la parte superior

también si quieres que se llene la ventana de correo electrónico Entonces
. – Chris

8

Tenía que hacer lo mismo. Si coloca el cuerpo de su correo electrónico en una tabla, puede establecer el color bgcolor de la tabla y eso funcionará.

Tuve <body bgcolor='lightcyan'>, luego lo cambié a <body> <table bgcolor='lightcyan'> y puse mi contenido en esa tabla.

0

en la mayoría de los casos tendrá un correo electrónico centrada ... manera de hacer esto un fácil align = "center" no funcionó para mí, así que hacer una width = "1680px"

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

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

    </td> 
</tr> 

+1

Ninguna unidad ('px') en el atributo de ancho &' bgcolor', 'valign' están en desuso. Por último, no mezcle una comilla simple con comillas dobles. – Raptor

7

Gmail (y otros anuncios publicitarios) eliminan todos los CSS que no están en línea. Entonces, el truco de las tablas solo funciona porque usted define el color en línea. Usted no necesita una mesa, en lugar de utilizar

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

Aunque me gusta más este enfoque, la generalización de que "otros publicistas" hacen esto es tal vez engañoso. Yo diría que otros proveedores de correo también hacen esto. –