如何用border-radius修复边界间隙？

Question

我遇到了圆形边框的问题，在[]和边界之间留下了一个小间隙。我测试过的Chrome，Safari和Firefox都会出现此错误。当<img>为0时，不会发生这种情况。

在第二张图片中，您可以看到图像和边框之间的小间隙。我该如何解决这个问题？

相关的CSS是：

border-radius

css在img标签上作为样式属性。 this问题中的答案无效。

这是一个重现问题的小提琴https://jsfiddle.net/8r8zcjvh/2/

Answer 1

添加相同颜色的背景：

＆＃13;

＆＃13;

<div style="background:red">
<img src="https://pbs.twimg.com/profile_images/949374088249671680/MuxDEZpD_400x400.jpg" style="border-radius:400px;border:4px solid darkblue; background: darkblue;">
</div>

＆＃13;

＆＃13;

＆＃13;