Html 如何去除图像周围的方形边框？

我有一个圆形的图像，但如何去除方形边缘/边框

HTML

---

当没有src时出现的薄边框是因为chrome显示在您定义的空间中实际上不存在图像。（感谢@Patrick Mlr指出这一点。）

#图像{
背景图像：url（'http://i.stack.imgur.com/Dj7eP.jpg');
边界半径：200px；
背景尺寸：240px；
显示：块；
保证金：0自动；
宽度：0px；
高度：0px；
填充：100px；
大纲：无；
边框样式：无；
边界半径：无；}

上传图片

当没有src时出现的薄边框是因为chrome显示在您定义的空间中实际上不存在图像。（感谢@Patrick Mlr指出这一点。）

#图像{
背景图像：url（'http://i.stack.imgur.com/Dj7eP.jpg');
边界半径：200px；
背景尺寸：240px；
显示：块；
保证金：0自动；
宽度：0px；
高度：0px；
填充：100px；
大纲：无；
边框样式：无；
边界半径：无；}

上传图片

通过修改颜色，您可以更改边框宽度

{ border-width: 1px; border-color: rgb(160,160,255); }

---

通过修改颜色，可以更改边框宽度

{ border-width: 1px; border-color: rgb(160,160,255); }

---

尝试删除

#picture

上的边框：

#picture{
   border:none;
}

---

尝试删除

#picture

上的边框：

#picture{
   border:none;
}

试试这个：

#Image {
  background-image: url('http://i.stack.imgur.com/Dj7eP.jpg');
  border-radius: 200px;
  width: 200px;
  height: 200px;
  background-size: 240px;
  display: block;
  margin: 0 auto;
  outline: none;
  border:0;
  border-radius: none;
}

试试这个：

#Image {
  background-image: url('http://i.stack.imgur.com/Dj7eP.jpg');
  border-radius: 200px;
  width: 200px;
  height: 200px;
  background-size: 240px;
  display: block;
  margin: 0 auto;
  outline: none;
  border:0;
  border-radius: none;
}

---

没有边界。您可以签入JSFIDLE ALSOTERE，因为图像没有边框。它一定是有边框的图片。我有这个#轮廓图片{轮廓：无；边框：无；}没有边框。您可以签入JSFIDLE ALSOTERE，因为图像没有边框。一定是有边框的图片。我有这个#轮廓图片{轮廓：无；边框：无；}这很奇怪，因为我有边框。@vDog你用Chrome吗？是的，我用ChromeChrome@vDog看我的答案：哦，我明白了，当我使用Microsoft Edge时，我没有边框，这很奇怪，因为我有边框。@vDog你使用Chrome吗？是的，我使用Chrome@vDog在这里看到我的答案：哦，我可以看到，当我使用微软边缘我没有边界