如何在圖像中繪製邊框？

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; 
}