Css 如何在图像中绘制边框?

Css 如何在图像中绘制边框?,css,Css,我试图在图像中画一个边界,但与边缘分开,但迄今为止没有任何成功。请看一个例子 在第二个div上使用绝对定位,在第一个div上使用相对定位,将一个div置于另一个div之上。然后将图像设置为底部分区的背景。顶部分区需要有边框和透明背景: .一{ 背景图像:url(“”); 背景尺寸:封面; 宽度:600px; 高度:400px; 背景:黄色; 位置:相对位置; } .二{ 宽度:500px; 高度:300px; 位置:绝对位置; 边框:3倍纯黑; 顶部:50px; 左:50px; 背景:透明;

我试图在图像中画一个边界,但与边缘分开,但迄今为止没有任何成功。请看一个例子


在第二个div上使用绝对定位,在第一个div上使用相对定位,将一个div置于另一个div之上。然后将图像设置为底部分区的背景。顶部分区需要有边框和透明背景:


.一{
背景图像:url(“”);
背景尺寸:封面;
宽度:600px;
高度:400px;
背景:黄色;
位置:相对位置;
}
.二{
宽度:500px;
高度:300px;
位置:绝对位置;
边框:3倍纯黑;
顶部:50px;
左:50px;
背景:透明;
}

请尝试以下代码

img {
  outline: 1px solid white;
  outline-offset: -4px;
}

谢谢大家。我终于测试了MicroMSN提供的解决方案,它工作得非常好。最简单和最好的解决方案请提供一些代码。这可能是有用的。
img {
  outline: 1px solid white;
  outline-offset: -4px;
}