模糊的下劃線出現在我的社交媒體圖標下

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

你需要從a標記刪除默認text-decoration: underline：

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