为 gmail 编写 HTML 电子邮件。链接的图像显示霓虹蓝背景答案

【问题标题】：Coding HTML email for gmail. Linked image shows neon blue background为 gmail 编写 HTML 电子邮件。链接的图像显示霓虹蓝背景
【发布时间】：2018-05-30 14:28:01
【问题描述】：

我希望有人可以帮助我解决这个问题。我已经尝试了我所知道的一切，并阅读了我能找到的所有文章。没有任何效果

基本上，似乎只有在 Gmail 中包含标题图像的<td> 中才会出现霓虹蓝背景色。

截图（缺少图片）：

屏幕截图（带有显示霓虹灯背景的图像）：

表格代码：

<table border="0" cellspacing="0" class="body-wrap" bgcolor="#FFFFFF" style="max-width: 600px">
  <tbody>
    <tr>
      <td align="center" class="container" bgcolor="=FFFFFF" style="padding: 0px; margin: 0px; line-height:10px; font-size:6px">
        <div class="container1">
          <a href="http://www.rolla.com" style="text-decoration: none; border: none"><img src="https://rolla.igamingcloud.com/Images/Emails/MailSystem/Upload/rolla_system_header.gif" align=“absbottom” width="100%" style="display:block; max-height: 172px; max-width: 600px; border:none; padding: 0px; margin 0px" border="0" alt="Rolla Casino Logo"
            /></a>
        </div>
      </td>
    </tr>
  </tbody>
</table>

我在表格中指定了背景颜色white 和td。我还在href 和img 标签的边框中添加了样式属性。这些都没有奏效。

container 和 container1 类都包含：

border-width:0 none;
background: #ffffff;
text-decoration: none;
text-decoration-color: #ffffff;

即使我取消链接标题图像并发送另一个测试，蓝色仍然存在！

【问题讨论】：

下面的答案对你有用吗？
谢谢赛弗。您指出了错误，并且边距属性上缺少“：”。这两个修复工作。谢谢！
如果它解决了您在问题中遇到的问题，请选择它作为正确答案:-)

标签： html email gmail html-email

【解决方案1】：

我认为您在 td 的背景颜色装饰中添加了相等而不是哈希。你有bgcolor="=FFFFFF" 而不是bgcolor="#FFFFFF"。下面是固定代码：

<table border="0" cellspacing="0" class="body-wrap" bgcolor="#FFFFFF" style="max-width: 600px">
  <tbody>
    <tr>
      <td align="center" class="container" bgcolor="#FFFFFF" style="padding: 0px; margin: 0px; line-height:10px; font-size:6px">
        <div class="container1">
          <a href="http://www.rolla.com" style="text-decoration: none; border: none"><img src="https://rolla.igamingcloud.com/Images/Emails/MailSystem/Upload/rolla_system_header.gif" align=“absbottom” width="100%" style="display:block; max-height: 172px; max-width: 600px; border:none; padding: 0px; margin 0px" border="0" alt="Rolla Casino Logo"
            /></a>
        </div>
      </td>
    </tr>
  </tbody>
</table>

干杯

【讨论】：