En general estos son algunos de estilos más usados a la hora de hacer una plantillas para los principales gestores.
También podrás leer otros detalles que debemos tener en cuenta.
| Estilos | Outlook 2007-10-13 | Outlook 2000-03 | Outlook.com | Apple Mail 4+ | yahoo | Gmail |
|---|---|---|---|---|---|---|
| <style> in <head> | ||||||
| <style> in <body> | ||||||
| font | ||||||
| font-family | ||||||
| font-style, font-size, font-weight, letter-spacing, line-height, text-align, text-decoration TODOS | ||||||
| vertical-align | ||||||
| color y bgcolor | ||||||
| background-image | ||||||
| background-repeat | ||||||
| border | ||||||
| height | ||||||
| margin | ||||||
| padding | ||||||
| width | ||||||
| list-style-image | ||||||
| list-style-type | ||||||
| border-collapse | ||||||
| border-spacing | ||||||
Imágenes
Los gestores de correo como Gmail y Hotmail (ahora Outlook.com) separan las imágenes y dejan un pequeño espacio entre los cortes. Para evitarlo, la solución es ponerle el siguiente código:
style="display:block;"
Para todos menos Gmail lo pondremos en el <head>:
Para Gmail lo tenemos que poner en cada imagen:
