我正在专门为电子邮件。编写HTML5。因此，我必须内联所有CSS样式。我有一张桌子，上面放着三张图片（所有图片都托管在Google驱动器上），但是却出现了这个奇怪的蓝色下划线？
如图：https://imgur.com/a/F4Metod
相关HTML：
<table align="center" style="max-width: 400px">
<tr align="center">
<td>
<a href='https://www.twitter.com'>
<img src="http://drive.google.com/uc?export=view&id=1txAOBZTXT_J8RcM7fDaKXT-oO8hWV1fb" width="40" height="40"/>
</a>
<a href='https://www.facebook.com'>
<img style="margin:0px 10px" src="http://drive.google.com/uc?export=view&id=1nFoCmmlS1Kl3nKXkJk9eDaRqglpTeVP1" width="40" height="40"/>
</a>
<a href='https://www.instagram.com'>
<img src="http://drive.google.com/uc?export=view&id=1LcrU78sAidvlnnzL28TgdaIYBY9xcN7q" width="40" height="40"/>
</a>
</td>
</tr>
</table>
看起来像这些是锚标记（<a>）的默认下划线，因此在其上添加style="text-decoration: none"应该可以解决。
下划线很可能是链接中的空格字符。尝试删除链接标签内标签之间的所有空格。并删除链接中源文档中的所有换行符。
要删除此蓝色下划线，请将text-decoration: none;添加到<a>元素的样式中。这是您的代码：
a {
text-decoration: none;
}<table align="center" style="max-width: 400px">
<tr align="center">
<td>
<a href='https://www.twitter.com'>
<img src="http://drive.google.com/uc?export=view&id=1txAOBZTXT_J8RcM7fDaKXT-oO8hWV1fb" width="40" height="40"/>
</a>
<a href='https://www.facebook.com'>
<img style="margin:0px 10px" src="http://drive.google.com/uc?export=view&id=1nFoCmmlS1Kl3nKXkJk9eDaRqglpTeVP1" width="40" height="40"/>
</a>
<a href='https://www.instagram.com'>
<img src="http://drive.google.com/uc?export=view&id=1LcrU78sAidvlnnzL28TgdaIYBY9xcN7q" width="40" height="40"/>
</a>
</td>
</tr>
</table>一个现场演示：https://codepen.io/marchmello/pen/PoPjgZE?editors=1100