CSS在IMG元素上使用背景和paddign在图像周围创建两种颜色的边框

我在一个网站上看到了一个漂亮的4像素白色边框和1像素灰色边框的图像缩略图，如下所示：

我认为他们至少使用了2个元素，比如DIV元素中的IMG元素，将1px边框应用于DIV，而不是将白色边框应用于IMG（或者将白色背景应用于DIV，并将4px填充应用于DIV）

但这很酷（至少对我来说，我不知道），它们是用一个IMG元素直接应用背景和填充到IMG元素来完成的。我不知道你能做到这一点

   img.two_colors_border 
   {
     display: block;
     position: relative;
     background-color: #ffffff;
     border: 1px solid #a9a9a9;
     padding: 4px;
   }

   <img src="dfjdfkj.jpg" class="two_colors_border">

img.two\u颜色\u边框
{
显示：块；
位置：相对位置；
背景色：#ffffff；
边框：1px实心#A9A9；
填充：4px；
}

我在IE7/8 Chrome Safari和FF上测试并运行。我的问题是：这只是一个CSS技巧，但IMG元素不应该应用填充/背景，还是我可以放心地自由使用？

---

谢谢

在img中使用填充是正常的，但是在ie6及以下版本中会出现问题。以前使用过hspace和vspace，但某些浏览器不支持。看它

很好。被替换的元素（如图像）与任何其他元素一样具有填充和边框

---

图像填充在IE5中不起作用，因此在IE6及更高版本中在怪癖模式下不起作用。显然，没有人再担心IE5了，也没有人应该在任何现代网站上工作。为什么不在目标浏览器中测试它，看看它是否有效？所有HTML元素（除了表行、表头、表脚和其他几个表元素）都可以有填充。所有元素（无一例外）马特·鲍尔：你为什么不读一下我的问题，我说：“我测试过，它在IE7/8 Chrome Safari和FF上工作？”？？？此外，这不是关于测试，它可以在所有浏览器中工作，但仍然是一个奇怪的技巧，不是标准CSS。我认为hspace/vspace将取代空白而不是填充。