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

发布时间：2020-12-14 18:58:29 所属栏目：资源来源：网络整理

导读：我的边框半径为50％,边框边框为3px. 我的问题是当边框半径被给出时,图像和边框之间有一个1px的差距. 问题在下图中演示. 而我正在使用的css, img { border: 3px solid #4CB7AC; height: 46px; width: 46px; border-radius:50%;} 注意图像大小为46px X 46px.

我的边框半径为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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!