Html 删除圆形图像周围的边框 我有一个圆形图像（A.PNG文件），中间是透明的。我需要使图像内的背景为纯色。为此，我将背景设置为实心，然后放置边框半径：50%，但这会创建一条难看的小白线。有没有办法解决这个问题，或者我必须在图像编辑器中手动给图像上色
Html 删除圆形图像周围的边框 我有一个圆形图像（A.PNG文件），中间是透明的。我需要使图像内的背景为纯色。为此，我将背景设置为实心，然后放置边框半径：50%，但这会创建一条难看的小白线。有没有办法解决这个问题，或者我必须在图像编辑器中手动给图像上色,html,css,Html,Css,div{ 宽度：500px； 高度：500px； 背景：黑色； } 部门经理{ 利润率：100像素； 最大宽度：50%； 背景：白色； 边界半径：50%； } 问题不在于图像。图像是透明的，没有任何背景。该问题是由添加到图像元素的背景：白色和边框半径：50%引起的。这是由于浏览器中的抗锯齿像素造成的，与中描述的问题相同 解决方案是使用某种方法将背景部分填充到元素，而不是完全填充（也就是说，刚好足以覆盖图像上已经存在的黑色圆圈）。由于img标记不能有伪元素（至少它不能跨浏览器工作），最好的选择是
div{
宽度：500px；
高度：500px；
背景：黑色；
}
部门经理{
利润率：100像素；
最大宽度：50%；
背景：白色；
边界半径：50%；
}
背景：白色边框半径：50%img径向渐变，如下面的代码段所示
注意：厚绿色边框仅用于演示，可移除，无任何副作用
div{
宽度：500px；
高度：500px；
背景：黑色；
}
部门经理{
利润率：100像素；
最大宽度：50%；
背景：径向梯度（中心圆圈，白色60%，透明61%）；
边界半径：50%；
溢出：隐藏；
边框：4倍纯绿；
}
我完全同意哈里的解释
另一种解决方法是将图像包围在略小于图像的div中（如每侧1px），以便使用边界半径形成的圆小于图像上的外部黑色圆
这比哈里提出的解决方案有点混乱。但它可能是梯度的替代品
div#黑色{
宽度：500px；
高度：500px；
背景：黑色；
边框：纯黑1px；
框大小：边框框；
}
div#圆{
利润率：100像素；
宽度：250px；
高度：250px；
背景：白色；
边界半径：50%；
文本对齐：居中；
}
div#圆img{
宽度：252px；
高度：252px；
左边距：-1px；
页边顶部：-1px；
}
我看不到白线…问题在于你的.png文件有那些难看的白线。问题在于图像本身：）问题根本不在于图像。图像有一个透明的背景。是背景：白色和边界半径：50%