Mjml中用于电子邮件HTML的文本阴影

Question

是否可以在mjml中创建文本阴影？我希望影子可以与尽可能多的电子邮件客户端一起使用。

Answer 1

以下是电子邮件客户端Campaign Monitor - text-shadow support in email中text-shadow支持的详细列表。这是指向CSS主要支持页面的链接：Campaign Monitor - CSS support in email。希望这会有所帮助。

Answer 2

mj-text采用普通HTML，因此您可以像在普通HTML中一样添加text-shadow（请参见实时here）。

<mjml>
  <mj-body>
    <mj-section>
      <mj-column>
        <mj-text font-size="20px" font-family="helvetica">
          <p style="text-shadow: 1px 1px #ff0000;">Hello world</p>
        </mj-text>
      </mj-column>
    </mj-section>
  </mj-body>
</mjml>

就像在另一个答案中突出显示的那样，请注意，电子邮件客户端对文本阴影的支持不佳。