Html 创建内部笔划的圆形边框

Html 创建内部笔划的圆形边框,html,css,Html,Css,以下是JSFIDLE: 问题是,图像周围的白色边框创建了一个几乎看不见的内部黑色边框,但却足以让人讨厌 为什么要创建黑色的内边框,而边框是白色的?请帮忙 CSS: 将图像背景设置为白色以解决此问题: img { width: 90px; height: 90px; border-radius: 500px; border: 5px solid #fbfbfb; background-color:#fbfbfb; } 此边框产生黑色内边框的原因是,图像继承

以下是JSFIDLE:

问题是,图像周围的白色边框创建了一个几乎看不见的内部黑色边框,但却足以让人讨厌

为什么要创建黑色的内边框,而边框是白色的?请帮忙

CSS:


将图像背景设置为白色以解决此问题:

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

此边框产生黑色内边框的原因是,图像继承了身体的黑色背景,并且边框有时有舍入的像素,在边框和图像之间创建了一个像素,该像素将填充图像的背景色。

将图像背景设为白色可解决此问题:

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

此边框产生黑色内边框的原因是,图像继承了身体的黑色背景,并且边框有时有舍入的像素,在边框和图像之间创建了一个像素,该像素将填充图像的背景色。

将图像背景设为白色可解决此问题:

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

此边框产生黑色内边框的原因是,图像继承了身体的黑色背景,并且边框有时有舍入的像素,在边框和图像之间创建了一个像素,该像素将填充图像的背景色。

将图像背景设为白色可解决此问题:

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

此边框产生黑色内边框的原因是,图像继承了主体的黑色背景,并且边框有时有舍入的像素,在边框和图像之间创建了一个像素,该像素将填充图像的背景色。

另外:当您将主体的背景色更改为任何颜色时,该内边框颜色将与背景颜色相同。这是怎么回事?另外:当你把身体的背景颜色改成任何颜色时,内边框的颜色都会和背景颜色一样。这是怎么回事?另外:当你把身体的背景颜色改成任何颜色时,内边框的颜色都会和背景颜色一样。这是怎么回事?另外:当你把身体的背景颜色改成任何颜色时,内边框的颜色都会和背景颜色一样。发生什么事?