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

我正在尝试在页面外部添加边框，但它必须位于页眉图像的顶部。。我不知道如何实现这样的目标

我想可能是这样的

body {

    border:solid 1px brown
    padding: 5px;

}

但像这样的事情显然会把一切都推进去。。这可能吗

以下是我想做的：

---

棕色边框仅在整个页面上延续

这可以通过纯粹出于文体目的使用伪元素来实现

以下是一些您可以尝试的CSS：

正文{
位置：相对位置；
}
正文：：之后{
边框：实心1px棕色；
填充物：5px；
内容：''；
身高：100%；
宽度：100%；
指针事件：无；
位置：绝对位置；
排名：0；
左：0；
}

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

以下是一些您可以尝试的CSS：

正文{
位置：相对位置；
}
正文：：之后{
边框：实心1px棕色；
填充物：5px；
内容：''；
身高：100%；
宽度：100%；
指针事件：无；
位置：绝对位置；
排名：0；
左：0；
}