使用时事通讯的 Outlook 按钮

Question

我正在开发电子邮件营销，并且正在使用时事通讯。

我在开发中遇到的问题之一是我的按钮样式在gmail中有效，但在outlook中不起作用。 我的按钮样式：

<a href="http://www.piccolohotelastoria.com/ponte_2_giugno_dal_1_6_al_5_6.php"
style="text-decoration:none;
background-color:rgb(243, 243, 243);
background-color:-webkit-linear-gradient(rgb(243, 243, 243), rgb(1, 1, 223));
background:linear-gradient(rgb(243, 243, 243), rgb(1, 1, 223));
border-radius:25px;
box-shadow:1px 1px rgb(1, 1, 188);
padding:10px 20px;
color:rgb(255, 255, 255);
font-weight:bold;
font-size:17px;">
VEDI  OFFERTA
</a>

谁能告诉我如何设置 Outlook 中按钮的样式？

Answer 1

不幸的是，与网络相比，需要更多代码才能使按钮在电子邮件客户端中看起来正确。 尤其是 Outlook。

以下是一些应该显示相当一致的示例代码：

<div>
    <!--[if mso]>
      <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://" style="height:40px;v-text-anchor:middle;width:200px;" arcsize="10%" strokecolor="#1e3650" fill="t">
        <v:fill type="tile" src="https://i.imgur.com/0xPEf.gif" color="#556270" />
        <w:anchorlock/>
        <center style="color:#ffffff;font-family:sans-serif;font-size:13px;font-weight:bold;">VDDI OFFERTA</center>
      </v:roundrect>
    <![endif]-->
    <a href="http://www.piccolohotelastoria.com/ponte_2_giugno_dal_1_6_al_5_6.php"
style="background-color:#556270;background-image:url(https://i.imgur.com/0xPEf.gif);border:1px solid #1e3650;border-radius:4px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;mso-hide:all;">VDDI OFFERTA</a>
</div>

<!--[if mso]>

标签内的所有内容均适用于 Windows Desktop 2007 及更高版本。并且需要创建图像才能在 Outlook 中显示效果（不支持 CSS

-linear-gradient

）。