双边框样式不适用于 Outlook答案

【问题标题】：Double border style not working on outlook双边框样式不适用于 Outlook
【发布时间】：2012-05-09 14:49:28
【问题描述】：

发送 html 电子邮件时，我尝试设置双边框来分隔表格上的某些行。

我的第一次尝试是内联样式：

style='border-top:double'

使用 style='border-collapse:collapse'

它在 gmail 上运行良好。但在 Outlook 中，唯一的区别是空格而不是第二行。

我也试过了

style='border-top:double windowtext 2px'

和

style='border-top:3px double #CCC;'

并且行之间仍然有一条线。

【问题讨论】：

现在我在行之间添加了一个空单元格。它有效，但是......你明白。

标签： html css outlook outlook-2010

【解决方案1】：

我找到了答案……

我必须为两行设置样式，我想在它们之间设置双线，在底部和顶部。在我测试的大多数浏览器上只使用一个。（IE 6 除外）

所以，我就是这样做的：

...

<table style='border-collapse: collapse'>
    <tr> 
      <td style='border-botton:double'> 1st row </td>
    </tr>
    <tr> 
      <td style='border-top:double'> 2nd row </td>
    </tr>
</table>

...

【讨论】：