Html 如何获取要在Outlook 2010中渲染的边框元素?

Html 如何获取要在Outlook 2010中渲染的边框元素?,html,css,outlook,Html,Css,Outlook,我正在尝试在Outlook 2010中通过一个按钮完全呈现以下HTML(因为Outlook不会呈现很多css选择器): 一切似乎都正常,除了边界线根本不渲染。据我所知,outlook应该呈现这个(),但没有。任何人能提供的任何帮助都将不胜感激 我通常只对边框使用简写css属性,如下所示: <table cellspacing="0" cellpadding="0"> <tr> <td align="center" width="300" height="40"

我正在尝试在Outlook 2010中通过一个按钮完全呈现以下HTML(因为Outlook不会呈现很多css选择器):



一切似乎都正常,除了边界线根本不渲染。据我所知,outlook应该呈现这个(),但没有。任何人能提供的任何帮助都将不胜感激

我通常只对边框使用简写css属性,如下所示:

<table cellspacing="0" cellpadding="0"> <tr> 
<td align="center" width="300" height="40" bgcolor="#fff" style="-webkit-border-radius: 5px; -moz-border-radius: 5px;  border: solid 1px #e9e9e9; border-radius: 5px; color: #000; display: block;">
<a href="http://www.EXAMPLE.com/" style="color: #000; font-size:16px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height:40px; width:100%; display:inline-block">
Awesome Email Button
</a>
</td> 
</tr> 
</table> 

(奇怪的是)出于某种原因,速记边框css属性在Outlook 07和2010中正确呈现


参考链接:

另一种选择是老一套,使用HTML表格边框属性:。
<table cellspacing="0" cellpadding="0"> <tr> 
<td align="center" width="300" height="40" bgcolor="#fff" style="-webkit-border-radius: 5px; -moz-border-radius: 5px;  border: solid 1px #e9e9e9; border-radius: 5px; color: #000; display: block;">
<a href="http://www.EXAMPLE.com/" style="color: #000; font-size:16px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height:40px; width:100%; display:inline-block">
Awesome Email Button
</a>
</td> 
</tr> 
</table>