我可以在许多客户端中创建圆角
style="-moz-border-radius: 15px; border-radius: 15px;"
但是，此 CSS 不会在 Outlook 中创建圆角。有没有简单的方法可以在 Outlook 中创建没有图像的圆角？
此代码使用 Outlook 条件注释 () 和 VML 在 Outlook 2010 中生成带圆角的按钮：
<div>
<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://www.EXAMPLE.com/" style="height:40px;v-text-anchor:middle;width:300px;" arcsize="10%" stroke="f" fillcolor="#d62828">
<w:anchorlock/>
<center style="color:#ffffff;font-family:sans-serif;font-size:16px;font-weight:bold;">
Button Text Here!
</center>
</v:roundrect>
<![endif]-->
<!--[if !mso]> <!-->
<table cellspacing="0" cellpadding="0"> <tr>
<td align="center" width="300" height="40" bgcolor="#d62828" style="-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #ffffff; display: block;">
<a href="http://www.EXAMPLE.com/" style="color: #ffffff; font-size:16px; font-weight: bold; font-family:sans-serif; text-decoration: none; line-height:40px; width:100%; display:inline-block">
Button Text Here!
</a>
</td>
</tr> </table>
<!-- <![endif]-->
</div>
仅在 Outlook 2010 和主要浏览器中进行测试，未在 OWA、Outlook.com 或任何移动浏览器中进行测试。值得仔细看看。到期信用证——http://www.industrydive.com/blog/how-to-make-html-email-buttons-that-rock/ http://www.industrydive.com/blog/how-to-make-html-email-buttons-that-rock/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
