2012-02-29 6 views
9

Есть ли способ поместить цвет в качестве фона в HTML-адрес электронной почты для gmail?gmail html адрес электронной почты цвет фона

Я использовал это для создания фона тела серого, но он не работает

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

ответ

17

Оберните вашу электронную почту в одной одноклеточный таблице с шириной и высотой 100% и установите цвет фона для этой ячейки.

<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

Это было полезно, но вы должны добавить ширину = «100%» и высота = «100%» в верхней

тоже, если вы хотите, чтобы заполнить окно электронной почты. Итак
. – Chris

8

Мне просто нужно было сделать то же самое. Если вы поместите свой почтовый ящик в таблицу, вы можете установить bgcolor таблицы, и это сработает.

У меня было <body bgcolor='lightcyan'>, затем я сменил его на <body> <table bgcolor='lightcyan'> и поместил свой контент в этот стол.

0

в большинстве случаев вы будете иметь центрированный по электронной почте ... так что это легко ALIGN = «центр» не работал для меня, поэтому я сделать ширина = «1680px»

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

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

    </td> 
</tr> 

+1

Нет единицы ('px') в атрибуте width &' bgcolor', 'valign' устарели. Наконец, не смешивайте одну цитату с двойной цитатой. – Raptor

7

Gmail (и другие почтовые программы) удаляют все css, которые не включены. Таким образом, взлом таблиц работает только потому, что вы определяете цвет в строке. Вам не нужна таблица, вместо этого использовать

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

Хотя мне нравится этот подход лучше, обобщение, что «другие почтовые программы» делают это, возможно, вводит в заблуждение. Я бы сказал, что другие поставщики почты также делают это. –

Смежные вопросы