如何使用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標籤錯誤的方式。無論是設置一個src屬性圖像本身（這是強制性的，see MDN）：

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

或一個div與給定的背景屬性代替它，就像這樣：

.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標籤此任務做

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

它應該解決您的問題......否則做什麼做但將該img標籤變爲div。