双边框样式不适用于outlook

时间:2012-05-09 14:49:29

标签: html css outlook outlook-2010

发送html电子邮件时,我正在尝试设置双边框以分隔桌面上的某些行。

我的第一次尝试是内联风格:

style='border-top:double'

使用style ='border-collapse:collapse'

它在gmail上完美运行。但在Outlook中,唯一的区别是空格而不是第二行。

另外,我试过

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

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

行之间仍有一行。

1 个答案:

答案 0 :(得分:0)

我找到了答案......

我必须为两行设置样式,我想在两者之间设置双线, 在底部和顶部。 在我测试的大部分浏览器中只使用一个。 (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>

...