在整个背景图象附近的边界

Question

我正在尝试围绕全屏背景图片制作边框/边框。

我可以使用边框但我无法在边缘和框架之间创建空间。 https://s3.amazonaws.com/uploads.hipchat.com/44798/299518/TieMyM2f0EXsUsK/frame.png

另外，第二件事是在图片的底部创建一个洞。

如果你们有任何建议，我真的很感激。

谢谢你的帮助，

理查德

Answer 1

我无法帮助你解决这个问题，但你可以用css为你的图像设置填充和边距，以便在图像的结尾和边框以及屏幕之间创建空间。

Answer 2

不确定这是不是你的意思，但也许可以尝试这样的东西（在chrome上测试）

<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/