html - 创建内部笔划的圆形边框

Question

这是 JSFiddle：http: //jsfiddle.net/g3QAZ/

问题是图像周围的白色边框创建了一个几乎不可见的内部黑色边框，但可见到足以令人烦恼。

当边框特别是白色时，为什么要创建黑色内边框？请帮忙。

CSS：

body {
    background: black;
}

img {
    width: 90px;
    height: 90px;
    border-radius: 500px;
    border: 5px solid #fbfbfb;
}

Answer 1

将图像的背景设为白色以解决此问题：

img {
    width: 90px;
    height: 90px;
    border-radius: 500px;
    border: 5px solid #fbfbfb;
    background-color:#fbfbfb;
}

此边框提供黑色内边框的原因是因为图像继承了主体的黑色背景，并且边框有时具有四舍五入的像素，在它和将用图像的背景颜色填充的图像之间创建一个像素。