我在我正在编码的电子邮件的按钮内得到了这一笔画。它只出现在 Outlook 2007、2010 和 2013 中,我不知道如何删除它?有任何想法吗?
Code:
`<a href="http://buttons.cm" style="color: #ffffff; background: #a52023;
border: 1px solid #a52023; display: inline-block; font-family: tahoma;
font-weight: 900; letter-spacing: 2px; font-size: 16px; border-radius: 80px;
line-height: 60px; text-align: center; text-decoration: none; width: 275px;
-webkit-text-size-adjust: none; mso-hide: all;">GET FREE WORKWEAR</a>`
是的,Windows Outlook 2007、2010、2013 甚至 2016 对盒子模型的支持都不稳定。为了获得一个美观、可点击的按钮(不幸的是)需要更多的代码。
可能需要调整边框厚度、填充和数量
s,但这应该可以解决您的问题,并为您提供一个跨所有电子邮件客户端(包括 Outlook)的外观漂亮、可用的按钮:
<!-- Button : Begin -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" style="margin: auto;">
<tr>
<td style="border-radius: 3px; background: #a52023; text-align: center;">
<a href="http://www.google.com" style="background: #a52023; border: 15px solid #a52023; font-family: tahoma; font-weight: 900; letter-spacing: 2px; font-size: 16px; mso-height-rule: exactly; line-height: 60px; text-align: center; text-decoration: none; display: block; border-radius: 3px; font-weight: 900; text-transform: uppercase;">
<span style="color:#ffffff">Get Free Workwear</span>
</a>
</td>
</tr>
</table>
<!-- Button : END -->
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)