我想在我的图像周围创建多个边框，并带有一些填充，如下所示。我更喜欢仅使用 CSS 来执行此操作，但我不知道这是否可行。
当我用谷歌搜索时，我只找到了 examples like this 使用框阴影在对象周围直接设置多个边框。
我尝试在图像周围使用边框和填充来创建它。但是填充甚至没有解决，并且像上面的例子一样使用 box-shadow 我不会得到我想要的东西。
你们会如何处理这个问题，甚至可能吗？
编辑: 抱歉，忘记显示我目前拥有的东西:code pen link
最佳答案
简单易行!
内边距、边框和几个框阴影就可以了。
img {
border-radius: 50%;
padding: 3px;
border: 1px solid #ddd;
box-shadow: 0 0 0 7px #fff,
0 0 0 8px #ddd;
}
关于css - 多个边框，带填充，围绕图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19678753/