Question

我使用了这段代码并插入了我的正确信息，并且它将我的社交媒体图标放在我的网站上，但每个图标下面都有微弱的黑线，我知道这不是他们设计的一部分。任何想法如何解决？谢谢！

<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>

Answer 1

您需要从text-decoration: underline代码中删除默认a：

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

Answer 2

从代码中删除默认text-decoration: underline

应该是

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

或使用!important覆盖默认的标签，这通常我不喜欢

例如

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

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

2 个答案: