Граница вокруг полного фонового изображения

Question

Я пытаюсь сделать рамку вокруг полноэкранного фонового изображения.

Я мог бы сделать это с помощью рамки, но я не мог создать промежуток между краем и рамкой. https://s3.amazonaws.com/uploads.hipchat.com/44798/299518/TieMyM2f0EXsUsK/frame.png

Также необходимо создать отверстие на нижней стороне рисунка.

Если у вас есть какие-либо советы, я бы очень признателен.

Спасибо вам помочь,

Ричард

Answer 1

Я не могу помочь вам о дыре, но вы можете установить отступы и Magrin с помощью CSS для вашего изображения, чтобы создать пространство между концом изображения и границей и экран.

Answer 2

Я не уверен, если то, что вы имеете в виду, но, может быть, попробовать что-то вроде этого (проверено на хром)

<div id="cont"> 
<div id="break"></div> 
</div> 

#cont { 
    border: 1px solid red; 
    width: 90%; 
    height: 300px; 
} 

#break { 
    position: relative; 
    margin: 0 auto; 
    top: 100%; 
    bottom: 1px; 
    width: 100px; 
    height: 1px; 
    background-color: white; 
} 

http://jsfiddle.net/2bph38qh/