使用时事通讯的Outlook按钮

Question

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

我在开发中遇到的一个问题是我的按钮的样式在gmail中工作，但在outlook中它不起作用。 我按钮的风格：

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13; 谁能告诉我如何在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）。