时间戳

首页 > 解决方案 > 页面外边框但在标题图像顶部

html - 页面外边框但在标题图像顶部

问题描述

我正在尝试在页面外部添加边框，但它需要位于标题图像的顶部。我不确定如何实现这样的效果。

我想也许像

body {

    border:solid 1px brown
    padding: 5px;

}

但是这样的事情显然会推动一切......这甚至可能吗？

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

标签： htmlcss

解决方案

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

这里有一些你可以尝试的 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-index 来达到您想要的效果。希望这可以帮助！

推荐阅读