埋め込み画像を使用しているときにリンクごとにHTML/CSSを削除する

Question

タグ内で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：

.ContactLink{ 
    height: 50px; 
    width: 50px; 
    border: 0; 
} 

Answer 1

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

Answer 2

使用normalize CSSやこの

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

Answer 3

を試してみてください、私はPhotoshopのような任意のツールを使用して、画像ファイルをチェックすることをお勧めしますそのアイコンの透明ピクセルがあるかどうかを確認します。また、すべての3つのアイコンの寸法を正確に同じに保つようにしてください。必要に応じて、イメージを適宜編集します。