HTML/CSS在使用嵌入图像时逐行删除小链接

当我在标签内使用img标签时，底部的这些小线条就会显示出来。我已经尝试了几个css属性来删除它们，但找不到一个可以做到这一点的

相关html：

            <a href='https://github.com/'>
                <img class='ContactLink' src='Images/Icons/GitHub.png' alt='GitHub'>
            </a>
            <a href='https://twitter.com/'>
                <img class='ContactLink' src='Images/Icons/Twitter.png' alt='Twitter'>
            </a>
            <img class='ContactLink' src='Images/Icons/Gmail.png' alt='Email'>

使用css或者试试这个

a,a:focus,a:hover,a:active{
   text-decoration:none;
   outline-width: 0;
}
img {
   display:inline-block;
}

---

我会建议使用任何像photoshop这样的工具检查图像文件，看看是否有任何透明像素用于该图标。另外，请尽量保持所有三个图标的尺寸完全相同。如果需要，请相应地编辑图像。

您可以提供您的代码吗？编辑文件时，该像素位置中没有任何内容。这一定是我的代码中的一些东西，因为我有另一个网站，图片以类似的方式排列，显示相同的小破折号。你能发布链接吗？这样我就可以调查了。这里有一个链接，如果还好奇的话，文字上的装饰就没人管了。加上这个，它实际上仍然显示小破折号。还有其他想法吗？没关系，我有文字装饰：没有；在img上，而不是在链接上。现在它起作用了。谢谢

///Add this code in CSS file
a {
    text-decoration:none;
}

///Add this code in CSS file
a {
    text-decoration:none;
}