边框在页面外部，但在标题图像顶部。

Question

我试图在我的页面外部添加一个边框，但是它需要在标题图像的顶部。我不知道怎样才能实现这样的目标。

我想也许就像

body {

    border:solid 1px brown
    padding: 5px;

}

但是这样的事情显然把一切都推进去了..。这能做到吗？

下面是我想要做的：https://imgur.com/a/gZAJ5Gy棕色边框在整个页面上继续。

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-索引，以达到你想要的效果，如果没有。希望这能有所帮助！