Html 我的社交媒体图标下会显示微弱的下划线

我使用了这段代码并插入了正确的信息，它将我的社交媒体图标水平放置在我的网站上，然而，每个图标下都有模糊的黑线，我知道这不是他们设计的一部分。有没有办法解决这个问题？谢谢

<div id="social_icons">
<a href="http://example.com"><img src="http://example.com/yourimage1.jpg"></a>
<a href="http://example.com"><img src="http://example.com/yourimage2.jpg"></a>
</div>

<style>
#social_icons img, a { display: inline-block; }
</style>

#社交图标img，一个{display:inline block；}

您需要从

a

标记中删除默认的

文本装饰：下划线

：

<style>
  #social_icons img, a { display: inline-block; text-decoration: none; }
</style>

#社交图标img，一个{显示：内联块；文本装饰：无；}

从标签中删除默认的

文本装饰：下划线

应该是

<style>
  #social_icons img, 
  #social_icons a {
  display: inline-block; 
  text-decoration: none; 
  }
</style>

#social_icons a {
  text-decoration: none!important; 
  }