html - 如何使用 img 标签去除白边

Question

我找不到解决方案。

如何去除三 Angular 形周围的白色边框？

代码:

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

<img class="triangle" />

Answer 1

您的标记无效。白色边框来自浏览器未找到图像 可视化。要更正您的标记，请将 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>