表单元格在outlook中显示白色边框

时间:2016-02-06 16:13:50

标签: html css outlook

我正在尝试制作简报。然而,当我将我的html导入outlook时,我看到一个非常奇怪的白色边框被outlook附加到我的图像。例如这是具有左右白色边框的按钮,我无法将其删除

white border around image in outlook

代码是

<table id="__02" height="44" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td align="left" width="463" style=”line-height:44px;”>
            <img border="0" src="images/index_03.png" width="463" height="44" alt=""></td>
        <td align="left" width="183" style=”line-height:44px;”>
            <img border="0" src="images/index_04.png" width="183" height="44" alt=""></td>
        <td align="left" width="334" style=”line-height:44px;”>
            <img border="0" src="images/index_05.png" width="334" height="44" alt=""></td>
    </tr>
</table>

我试过的css

table, td, img{
    border-collapse: collapse;
}
img {display:block;margin:0;padding:0;}

请帮忙。感谢。

1 个答案:

答案 0 :(得分:0)

我不确定这是否是正确答案,但你试过了吗?

img{border:0;}

我知道它曾经是某些浏览器的问题,但不确定这是否已在outlook

中得到纠正

我唯一可以建议的是将表格,td,img border更改为0

table, td, img{
    border:0;
}