html - 我怎样才能让边框元素呈现在 Outlook 2010 中？

Question

我正在尝试让以下 HTML 在 Outlook 2010 中完全呈现假按钮(因为 outlook 不呈现许多 css 选择器)。 :

<table style="border: solid; background-color: red;">
<tbody >
<tr>
<td><a style = "text-decoration:none"href="www.google.com"  ><span style="color: black;">here</span></a></td>
</tr>
</tbody>
</table>

除了边框衬里根本不呈现外，一切似乎都正常。据我了解，outlook 应该呈现这个( http://www.campaignmonitor.com/css/ )，但没有。任何人都可以提供的任何帮助将不胜感激。

Answer 1

我通常只是像这样使用边框的简写 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 中正确呈现

参见 http://jsfiddle.net/E6ZYz/

引用链接:http://emailwizardry.nightjar.com.au/2012/08/30/outlook-200710-borders-pain/