Image 如何在图像周围创建两个不同颜色的边框？

我想能够使一个2px的白色边框和一个8px的棕褐色边框围绕着一个图像，它会随着图像的大小自动变化

article.post .wp-caption img, article.page .wp-caption img {
background: none repeat scroll 0 0 transparent;
border: 2px solid white;
margin: 0;
padding: 0;
}

如果您想查看该网站，请点击以下链接：

---

outline

属性的作用类似于外部边框。

您还可以使用填充来获得第二个边框的效果。根据图片改变尺寸的部分，我认为你应该更好地解释一下你想要实现的目标

padding: 2px;
background: white;
border: 8px solid #000;

---

或框阴影-您可以有任意多个边框。可怜的老IE8及以下版本将无法获得漂亮的款式：（

---

2个选项：

img{填充：2px；背景：#fff；边框：8px纯色（w/e颜色）；

或

img{边框：2px纯白；轮廓：8px纯色（颜色）；

padding: 2px;
background: white;
border: 8px solid #000;

img {
    /* Make sure to add vendor prefixes */
    box-shadow: 0 0 2px 2px white, 0 0 0px 10px tan;
}