Question

好的，所以我正在尝试创建一个简单的单列html电子邮件模板。

我遇到的问题是，当我将html代码粘贴到我的电子邮件客户端以发送测试邮件时，我似乎无法摆脱围绕邮件的白色边框。

我已将body的css设置为内联，当我在浏览器中测试时，这种方式非常有效，没有白色边框或边距....

    <body style="margin: 0px; padding: 0px; background-color: #000000" bgcolor="#000000">

....但是当我将代码粘贴到邮件客户端（我使用Mac Mail作为我的默认设置）发送测试邮件时，我不断在邮件周围找到一个白色的寄宿生并且无法弄清楚如何摆脱这个。

我看过我收到的带有全宽背景颜色的html电子邮件，并尝试弄清楚我做的不是什么，但看不出有什么不同，所以我只是错过了一些非常简单的东西吗？？

<html>

   <head>

        <meta charset="utf-8"> <!-- utf-8 works for most cases -->
          <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <!-- Forcing initial-scale shouldn't be necessary -->
          <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Use the latest (edge) version of IE rendering engine -->

        </head>

            <body style="margin: 0px; padding: 0px;" bgcolor="000">

                <table cellspacing="0" cellpadding="0" border="0" width="100%" class="wrapper" bgcolor="#999999" border-collapse="collapse">
                    <tr>
                        <td   align="center">
                            <table width="100%" height="200" bgcolor="#ffffff;" class="respon_table" style="max-width: 650px; padding: 10px;">
                                <tr>
                                    <td style="background-color: #ffffff;">Email content goes here....</td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>

            </body>
</html>

https://jsfiddle.net/q16jgdtr/

Answer 1

您错误的bgcolor属性。它应该是有效的颜色 E. g。 bgcolor="#ffffff;"应为bgcolor="#ffffff" - 不带分号 bgcolor="000"应为bgcolor="#000000"。

https://jsfiddle.net/q16jgdtr/3/

https://www.w3.org/TR/html4/index/attributes.html

Answer 2

我有一种感觉，因为您错过了包含电子邮件内容的表格中的以下内容。

<table cellspacing="0" cellpadding="0" border="0" width="100%" class="wrapper" bgcolor="#999999" border-collapse="collapse">
 <tr> 
        <td align="center"> 
              <table cellspacing="0" cellpadding="0" border="0" width="100%" height="200" bgcolor="#ffffff;" class="respon_table" style="max-width: 650px; padding: 10px;" border-collapse="collapse"> 
               <tr> 
                     <td style="background-color: #ffffff;">Email content goes here....</td>
               </tr>
               </table> 
          </td> 
   </tr> 
</table>

我已将边框折叠，cellpadding，cellspacing和border添加到零。试试上面的代码吧，希望你能找到的是什么。

HTML电子邮件客户端边框删除

2 个答案: