Question

我有一个相当复杂的问题，但是我知道你们中的一些人非常聪明，所以我毫不怀疑这是一个解决方案。我正在使用Mailchimp和我自己的HTML构建HTML电子邮件广告系列。我听说过要建立一个成功的HTML电子邮件，你需要像1997年那样设计它？＆＃39;并专注于使用表格，严格禁止使用外部样式标签

<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>

Answer 1

与任何其他元素相同。

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

Answer 2

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

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

样式化HTML电子邮件活动

2 个答案: