如何在图像中绘制边框？

Question

我正在尝试在图像中绘制边框，但是从边缘分离而没有任何成功。请，看一个例子

Answer 1

将一个格上的第二格另一个使用绝对定位顶部，并且相对于在第一。然后将您的图像设置为底部div的背景。顶部div然后需要有边框和透明背景：https://jsfiddle.net/5r1st8cL/

<div class="one"> 
    <div class="two"></div> 
</div> 

    .one { 
    background-image: url(''); 
    background-size: cover; 
    width: 600px; 
    height: 400px; 
    background: yellow; 
    position: relative; 
} 
.two { 
    width: 500px; 
    height: 300px; 
    position: absolute; 
    border: 3px solid black; 
    top: 50px; 
    left: 50px; 
    background: transparent; 
    } 

Answer 2

请尝试以下代码。 ref

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