创建内部笔划的圆形边框

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;
}

此边框给出黑色内边框的原因是因为图像继承了主体的黑色背景，并且边框有时会使圆角像素在其与图像之间创建一个像素，该图像将填充图像的背景颜色。