Image 使用css删除内部图像边框

我想用css删除图像内部的边框，任何人都可以帮我解决这个问题

图像边框是对象

举例如下：

---

谢谢

虽然我建议使用图像编辑器来删除边框，但有一个CSS黑客：

负利润率：

将图像包装在容器中，并在之后设置

overflow:hidden

定义尺寸（宽度和高度）。确保尺寸略小于图像尺寸

为内部图像设置负边距。边距值与边框的大小有关

。无边界img{
宽度：118px；
高度：58px；
溢出：隐藏；
}
.无边界img img{
保证金：-1px0-1px；
}

---

虽然我建议使用图像编辑器来删除边框，但有一个CSS黑客：

负利润率：

将图像包装在容器中，并在之后设置

overflow:hidden

定义尺寸（宽度和高度）。确保尺寸略小于图像尺寸

为内部图像设置负边距。边距值与边框的大小有关

。无边界img{
宽度：118px；
高度：58px；
溢出：隐藏；
}
.无边界img img{
保证金：-1px0-1px；
}

---

您可以启用

剪辑路径

，这样就不需要添加包装器和设置图像大小

例如：

在较旧的浏览器（和

IE

）上，您可以只使用

剪辑

（尽管这需要指定矩形的大小和

绝对位置）


否则，另一种方法可能会使用
轮廓
（背景颜色相同）和负的
轮廓偏移量
——这实际上是将黑色边框与另一个边框重叠。（在Chrome和Firefox上都进行了测试）

例如：

当然，这些示例在图像中包含的边框宽度正好为
1px
时有效。如果图像的边框较厚，则根据厚度更改所有值。您可以启用
clip path
，这样就不需要添加包装器并设置图像的大小

例如：

在较旧的浏览器（和
IE
）上，您可以只使用
剪辑
（尽管这需要指定矩形的大小和
绝对位置）


否则，另一种方法可能会使用
轮廓
（背景颜色相同）和负的
轮廓偏移量
——这实际上是将黑色边框与另一个边框重叠。（在Chrome和Firefox上都进行了测试）

例如：

当然，这些示例在图像中包含的边框宽度正好为
1px
时有效。如果图像边框较厚，则根据厚度更改所有值
是否响应友好？不使用图像编辑器的原因是什么？：）响应友好，否，因为您正在为容器设置固定的宽度和高度。这不是问题…谢谢@manojis it响应友好？不使用图像编辑器的原因是什么？：）响应友好，没有，因为您正在为容器设置固定的宽度和高度。这不是问题…感谢@manojI本可以建议此解决方案，但目前Firefox 40.0.3甚至不支持此解决方案，但可在最新的Chrome上使用。对大纲方法投了赞成票。：）我本可以建议这个解决方案，但目前Firefox 40.0.3甚至不支持这个解决方案，但它可以在最新的Chrome上运行。赞成大纲方法。：）
img {
    -webkit-clip-path: inset(1px 1px 1px 1px);
    clip-path: inset(1px 1px 1px 1px)
}

img {
    outline: 1px #fff solid; 
    outline-offset: -1px;
}