Html CSS表格图像有空格

我这里有一个电子邮件模板，问题是我的分隔器图像在顶部和底部都有空格

我试图弄明白如何删除分割图像顶部和底部的空格。我还想知道如何在每个元素上设置边框

    <tr><td width="100%"><img src="img/divider.png" class="deviceWidth"/> </td> </tr>

你可以在这里查看我的JS小提琴演示：

---

注意：分隔线是指具有不同颜色的线条。

向img添加

显示：块

，将消除额外的空间。默认情况下，图像是内联的，这会使它们为字母下降器留出空间。使其阻塞将删除下行器的空间

您应该在回答中添加更多细节。我还有一个问题要问您，如何删除“我们的产品”部分中图像1和图像2的边框？我不相信这些图像有边框？我看到破损图像周围有一个边框，但这是浏览器显示破损图像的一部分。如果你把真实的图像放进去，这似乎就消失了。

<img src="#" style="display:block;" />