ニュースレターを使用してOutlook用のボタン

Question

私は電子メールマーケティングを開発しており、ニュースレターを使用しています。

私が開発で遭遇した問題の1つは、自分のボタンのスタイルが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。ここで

はかなり一貫して表示する必要があるいくつかのサンプルコードです：<!--[if mso]>タグ内

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

すべてがWindowsデスクトップ2007以上のためです。また、Outlookに表示されるエフェクト用のイメージを作成する必要があります（CSS -linear-gradientはサポートされていません）。