2012-02-29 96 views
9

GmailのHTMLメールに背景として色を付ける方法はありますか?Gmailのhtmlメールの背景色

私は身体の背景グレーを作るためにこれを使用するが、それは100%の幅と高さで単細胞のテーブルにあなたの電子メールをラップし、そのセルの背景色を設定し

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

答えて

17

仕事doesntの。

<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%」を追加する必要があります電子メールウィンドウ。だから<テーブル幅= "100%"高さ= "100%">。 – Chris

8

私はちょうど同じことをしなければなりませんでした。電子メールの本文をテーブルに入れると、テーブルのbgcolorを設定することができます。

私は<body bgcolor='lightcyan'>でした。その後、<body> <table bgcolor='lightcyan'>に変更し、私のコンテンツをそのテーブルに入れました。

0

ほとんどの場合、あなたが中心に電子メールを持っています... はそう、この簡単ALIGN =「センター」を行う私にとってdidntの仕事は、私が作る幅=「1680px」

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

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

    </td> 
</tr> 

+1

幅属性&bgcolor'、 'valign'のユニット(' px')は非推奨です。最後に、一重引用符と二重引用符は混用しないでください。 – Raptor

7

Gmail(および他のメーラ)は、インライン化されていないすべてのCSSを削除します。したがって、表のハックは色のインラインを定義するためにのみ機能します。あなたは、これは有用であった

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

私はこのアプローチがより好きですが、「他のメーラ」がこれを行うという一般化は誤解を招く可能性があります。私は_他のメールプロバイダもこれをやっていると言います。 –