2012-02-29 188 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

这是有益的,但你必须WIDTH =“100%”和高度=“100%”添加到上

太多,如果你希望它填补电子邮件窗口。所以
。 – Chris2015-05-14 12:37:38

8

我只是要做同样的事情。如果您将电子邮件正文放入表格中,则可以设置表格的bgcolor并且可以正常工作。

我有<body bgcolor='lightcyan'>,然后我将其更改为<body> <table bgcolor='lightcyan'>并将我的内容放入该表中。

0

在大多数情况下,你将有一个集中的电子邮件...... 这样做一个简单的ALIGN =“中心”对我来说没有工作,所以我做的宽度=“为1680像素”

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

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

    </td> 
</tr> 

+1

不推荐使用width属性&'bgcolor','valign'中的单位('px')。最后,不要将单引号与双引号混用。 – Raptor 2017-04-27 08:37:11

7

Gmail(和其他邮件程序)删除未内联的所有CSS。所以表格的黑客行为只是因为你定义了内联的颜色。你并不需要一个表,而是使用

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

尽管我更喜欢这种方法,但“其他邮件人员”这样做的概括也许是误导性的。我会说_some_其他邮件提供商也这样做。 – 2018-01-03 17:38:58