HTML链接图像问题

Question

在处理HTML电子邮件签名时，我为四个链接图像编写了基本HTML。

<a href="http://www.dwightfund1.com">
<img src="https://dwight.app.box.com/representation/file_version_28131628265/image_2048/1.png?shared_name=x116s7oza2gydr9tmlqgv7oad349y885" width="40" height="40" alt="capture"/>
</a>
<a href="http://www.dwightfund2.com">
<img src="https://dwight.app.box.com/representation/file_version_28131627701/image_2048/1.png?shared_name=97bbaqds6wg6up5ip12a5t55lts7mnd4" width="40" height="40" alt="capture" border="0">
</a>
<a href="http://www.dwightfund3.com">
<img src="https://dwight.app.box.com/representation/file_version_28131629073/image_2048/1.png?shared_name=w9ucedcax4fmcw3lelwl9rhgdbhyqvo4" width="40" height="40" alt="capture"/>
</a>
<a href="http://www.dwightfund4.com">
<img src="https://dwight.app.box.com/representation/file_version_28131628619/image_2048/1.png?shared_name=a3t36efnz0cs3kmcza2an0wehrnczu48" width="40" height="40" alt="capture"/>
</a>

当我在浏览器中查看代码时，这些奇怪的行会出现在下面的图像旁边：

为什么这些行有什么可以删除它们？

Answer 1

它们可能是图像之间空格中链接的默认text-decoration: underline。

如果这是针对电子邮件客户端（不支持CSS样式表），您可能需要执行类似

的操作

<a style="text-decoration: none" href="http://www.dwightfund4.com">

Answer 2

此边框旨在通知用户图像是链接。

a{
   text-decoration: none;
}

img{
  border-style: none;
}

Answer 3

您可以使用元素的颜色删除它：

http://codepen.io/fedojo/pen/NqGKNX

例如：<a href="http://www.dwightfund1.com" style="color: #fff">