Question

为什么text-decoration="none"出现不正确？我已经尝试将它放在不同的位置，例如table，tr，td，但我似乎无法让它工作。在设计电子邮件设计时常见的错误是什么？这是我的代码：

<table cellspacing="0" cellpadding="0" border="0" max-width="100%" width="600px" align="center">
  <tr>
    <td>

      <table cellspacing="0" cellpadding="0" border="0" max-width="100%" align="center">
        <tr>
          <td>

            <!-- HEADER -->
            <table cellspacing="0" cellpadding="0" border="0" max-width="100%" align="center">
              <tr align="center">
                <td>
                  <p>Is this email not displaying correctly? <a href="#" text-decoration="none">View this email in your web browser</p></a>
                </td>
              </tr>
            </table>
            <!-- END HEADER -->

          </td>
        </tr>
      </table>
    </td>
  </tr>

</table>

Answer 1

text-decoration是CSS property，而不是HTML attribute。

It has to go in a style sheet或a style attribute。

如果你使用了a markup validator，那么，如果你使用了{{3}}，那么就会发现这个错误。

Answer 2

昆汀是对的：

text-decoration确实是一个CSS属性，因此必须通过style属性调用它。
另外，style属性必须进入它引用的标记内。表格单元格不是div，因此继承（一般来说）不能以相同的方式工作。

最后，一个建议。像往常一样在<style>标记内编写CSS，然后将其转换为内联inliner。

Answer 3

如果您希望它完全消失，您必须删除所有四个伪类（链接，悬停，活动和访问）中的下划线，这只能用CSS执行。

有关CSS中伪类的信息，请参阅此this教程。

使用嵌套表的HTML电子邮件设计

3 个答案: