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

前端之家收集整理的这篇文章主要介绍了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

原文链接:/html/224647.html

猜你在找的HTML相关文章