邮件签名切片布局上下黑线问题求助（附HTML代码）

关键修改点： #

• 给<body>添加内联样式，彻底消除邮件客户端默认的边距和内边距
• 移除表格末尾多余的空行（高度为0的<tr>），避免产生隐性空白
• 给所有图片添加display:block属性，防止图片底部出现基线空白
• 给表格添加border-collapse:collapse，强化无边框渲染逻辑

修改后的完整代码： #

<head>
<title>Header</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" style="margin:0; padding:0; border:0;">
<!-- Save for Web Slices (Header.png) -->
<table id="Table_01" width="600" height="183" border="0" cellpadding="0" cellspacing="0" bgcolor="#131016" style="border-collapse:collapse;">
    <tr>
        <td width="546" height="183" rowspan="2">
            <a href="https://www.example.com"><img src="images/Header_01.jpg" width="546" height="183" alt="" style="display:block;"></a>
        </td>
        <td width="54" height="162" colspan="3">
            <a href="https://www.example.com"><img src="images/Header_02.jpg" width="54" height="162" alt="" style="display:block;"></a>
        </td>
        <td width="0" height="162" nowrap></td>
    </tr>
    <tr>
        <td width="17" height="21">
            <a href="https://www.example.com"><img src="images/Header_03.jpg" width="17" height="21" alt="" style="display:block;"></a>
        </td>
        <td width="17" height="21">
            <a href="https://www.example.com"><img src="images/Header_04.jpg" width="17" height="21" alt="" style="display:block;"></a>
        </td>
        <td width="20" height="21">
            <a href="https://www.example.com"><img src="images/Header_05.jpg" width="20" height="21" alt="" style="display:block;"></a>
        </td>
        <td width="0" height="21" nowrap></td>
    </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

额外提示： #

• 修正了原代码中<a>标签的写法，现在点击图片可正常触发跳转（原写法链接区域可能失效）
• 如果修改后仍有黑线，检查图片本身的顶部/底部是否存在细微黑色像素，用图片编辑工具裁剪即可

内容的提问来源于stack exchange，提问作者Bec