如何显示具有两个不同大小/颜色边框的超链接图像?

在img上,将背景设置为黑色,并添加1px的填充,然后边框可以是9px的白色。

img{ 背景色:#000; 填充:1px; 边框:9px实心#fff; }

只要没有透明图像,这将提供一个双边框。

<div style="border: 9px solid white;">
    <img src="foo.png" style="border: 1px solid black;"/>
</div>

差不多

<div class="img-border"><img class="img" src="..." /></div>

.img{
  border: solid 1px black;
}

.img-border{
  border: solid 9px white;
}

使用类,您不必为每个图像重新键入内联CSS。