imgタグを使用して白い枠線を削除する方法

Question

解決方法が見つかりません。三角形の周りにその白い境界線を削除する方法

？

コード：

.triangle{ 
    background: url('/img/triangle.png'); 
    background-size: cover; 
    width: 15px; 
    height: 15px; 
    margin:0px; 
    padding:0px; 
    border: none; 
} 

<img class="triangle" /> 

Answer 1

あなたのマークアップが有効ではありません、あなたはimgタグに間違った方法を使用しています。このように、

<img src="/img/triangle.png" /> 

または指定された背景のプロパティでのdivでそれを置き換える：どちらのイメージそのものへsrc属性を設定する（これはsee MDN、必須です）

.triangle { 
 
    background: url('https://upload.wikimedia.org/wikipedia/commons/thumb/3/3c/Black_triangle.svg/2000px-Black_triangle.svg.png'); 
 
    background-size: cover; 
 
    width: 15px; 
 
    height: 15px; 
 
    margin: 0px; 
 
    padding: 0px; 
 
    border: none; 
 
}

<div class="triangle"></div>

Answer 2

私はまた、 "アウトライン"と "アウトラインカラー"のプロパティを調べて、スタイルを設定したり消したりします。ここで

は、より多くの情報です：
http://www.w3schools.com/cssref/pr_outline-color.asp http://www.w3schools.com/cssref/pr_outline.asp

Answer 3

あなたがそうでなければまったく同じ何...

<img class="triangle" src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3c/Black_triangle.svg/2000px-Black_triangle.svg.png" /> 

が、それはあなたの問題を解決する必要があります。このタスクのためのimgタグを使用しようとしている場合そのimgタグをdivにします。