样式化 HTML 电子邮件活动答案

【问题标题】：Styling HTML email campaigns样式化 HTML 电子邮件活动
【发布时间】：2014-05-13 22:04:29
【问题描述】：

我有一个相当复杂的问题，但我知道你们中的一些人非常聪明，所以我毫不怀疑有一个解决方案。我正在使用 Mailchimp 和我自己的 HTML 构建一个 HTML 电子邮件活动。我听说要构建成功的 HTML 电子邮件，您需要“像 1997 年一样进行设计”并专注于使用表格，并且严格不要像这样的外部样式标签

<style>
    padding:0;
    margin:0;
</style>

所有样式都必须在 HTML 中，就像这样；

<td style="
    padding:0;
    margin:0;"
</td>

到目前为止一切顺利，我的 HTML 电子邮件看起来很棒！我唯一的问题是处理链接样式，因为默认是丑陋的紫色，下面有一条线，不使用外部样式，我看不到控制那里行为的方法。

我在下面包含了我的整个 HTML 代码，让您了解我正在使用什么，希望我能得到一些好的反馈。

谢谢大家！

<table style="width:100%;">
<tr>
  <td style="
      width:100%;
      padding:32px 0 32px 0;
      height:116px; 
      background:#4b86fc;
      background-size:116px 116px;">
    </td>
  </tr>
<tr>
  <td style="
      padding:50px 40px 50px 40px;
      color:#000; font-family:Verdana, Geneva, sans-serif;
      font-weight:100; font-size:18pt;">
      Lorum Ipsum</td>
  </tr>
<tr>
  <td style="
      width:100%;
      padding:80px 0 80px 0;
      background-color:#ebebeb;
      background:#ebebeb;
      border-top:1px solid #c3c3c3;
      color:#545454; font-family:Verdana, Geneva, sans-serif;
      font-weight:100; font-size:18pt;
      text-align:center;
      text-decoration:none;">
        <ul style="list-style-type:none; margin:0; padding:0;">
        <li style="display:inline; padding:0 10px 0 0;"><a href="">Homepage</a></li>
        <li style="display:inline; padding:0 10px 0 0;"><a href="">Twitter</a></li>
        <li style="display:inline; padding:0 10px 0 0;"><a href="">Dribbble</a></li>
        <li style="display:inline; padding:0 0 0 10px;"><a href="">Facebook</a></li>
</ul>

</td>
</tr>
</table>

【问题讨论】：

标签： html email mailchimp

【解决方案1】：

与任何其他元素的方式相同。

<a href="" style="text-decoration: none; color: #222;">

【讨论】：

哎呀！有时这是最简单的事情，我想我已经盯着它很久了，谢谢@Quentin
您需要在html电子邮件中使用6位十六进制。

【解决方案2】：

如果您仍然需要下划线但颜色不同，请使用：

<a href="link here" style="text-decoration: underline; color: #222;">link here</a>

【讨论】：