边框位于页面外部，但位于页眉图像的顶部

Question

我试图在页面外部添加一个边框，但它需要位于页眉图像的顶部。。我不知道怎样才能取得这样的成就。

我想也许是之类的东西

body {
border:solid 1px brown
padding: 5px;
}

但这样的事情显然会把一切都推进去……这有可能吗？

以下是我想要做的：https://i.stack.imgur.com/YtVdX.jpg棕色边框一直延伸到整个页面。

Answer 1

这可以通过纯粹出于风格目的使用伪元素来实现。

下面是一些你可以尝试的CSS：

body {
position: relative;
}
body::after {
border: solid 1px brown;
padding: 5px;
content: '';
height: 100%;
width: 100%;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
}

默认情况下，这应该是你身体的一个"后"，如果不是，你可以用z指数来达到你想要的效果。希望这能有所帮助！