html – 添加边框半径时边框和图像之间的间隙

我的边框半径为50％,边框边框为3px.
我的问题是当边框半径被给出时,图像和边框之间有一个1px的差距.

问题在下图中演示.

而我正在使用的css,

img {
    border: 3px solid #4CB7AC;
    height: 46px;
    width: 46px;
    border-radius:50%;
}

注意

>图像大小为46px X 46px.未调整大小
>而且我必须使用< img>获取图像.将其设置为背景图像被排除.
>解决方案必须与所有浏览器兼容.甚至IE8.

有没有办法消除这个差距？

编辑
JS Fiddle link

解决方法

只需添加背景颜色与您的边框颜色相同,它是固定的.

见jsFiddle

原文地址：https://www.jb51.cc/html/224647.html