电子邮件的 mjml 中的文本阴影 html

Text shadow in mjml for email html

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

以下是电子邮件客户端 text-shadow 支持的完整列表：Campaign Monitor - text-shadow support in email. Here is a link to the main CSS support page: Campaign Monitor - CSS support in email。希望这有帮助。

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>

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