css - 用于电子邮件 html 的 mjml 中的文本阴影

Question

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

Answer 1

mj-text采用纯 HTML，因此您可以text-shadow像在纯 HTML 中一样添加一个（请参阅此处直播）。

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

就像在另一个答案中突出显示的那样，请注意，电子邮件客户端不支持 text-shadow。

Answer 2

text-shadow以下是电子邮件客户端支持的完整列表： Campaign Monitor - 电子邮件中的文本阴影支持。这里是主要 CSS 支持页面的链接：Campaign Monitor - CSS support in email。希望这可以帮助。