Image CSS IMG双边框:一个用于间距,另一个用于圆角

Image CSS IMG双边框:一个用于间距,另一个用于圆角,image,border,css,Image,Border,Css,我有一个图像,它有一个底部边框 现在,我想尝试在CSS中给这个IMG圆角,但我不能这样做,因为radius属性当然会影响第一个边框 有没有办法做到这一点 这是我的原始边框,我在文本前使用图像 div img { border-bottom: 1px solid #eee; } 所以我需要为一个已经有这个边界的img创建圆角(不改变它)。有解决办法吗?不要使用底部边框作为分隔符,在每个图像之间放置一个高度为1px、颜色设置为#eee

我有一个图像,它有一个底部边框

现在,我想尝试在CSS中给这个IMG圆角,但我不能这样做,因为radius属性当然会影响第一个边框

有没有办法做到这一点

这是我的原始边框,我在文本前使用图像

div img {            
        border-bottom: 1px solid #eee;            
}

所以我需要为一个已经有这个边界的img创建圆角(不改变它)。有解决办法吗?

不要使用底部边框作为分隔符,在每个图像之间放置一个高度为1px、颜色设置为#eee的
div
,然后在图像的各个角上画圆,为什么你不简单地使用边距作为间距,并使用边框作为它们的目标呢?@Fabio我的意思是像“视觉间距”一样的间距从文本。用一些填充代替边框怎么样?我仍然没有真正理解这个边界/空间的目的/真正需要。图像可以是100%宽度,而不是阻挡,以保持下面的空间。。。您还不清楚,但可能是因为您对CSS的处理还不够好:)一个包含预期结果和html上下文的屏幕将帮助我们了解您。所以内联块或边距底部不起作用吗?您是否尝试过增加行高。在我看来,图像上的边框是最后一个在元素下获得额外间距的地方:)