html - 如何在元素之后轻松添加信息而不是其内容？-6ren

html - 如何在元素之后轻松添加信息而不是其内容？

转载作者：行者123 更新时间：2023-11-28 03:49:48

我使用 :after 在 div 之后添加内容，但你知道它会添加到 div 的文本，但不会添加到 div 的边框旁边。

#div2 {

    width: 300px;
    height: 100px;
    background-color: beige;
}

#div2:after {

    content: "a";
    top: 5px;
    bottom: 5px;
    right: 5px;
    width: 1px;
    background-color: black;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>title</title>
    <link rel="stylesheet" href="styles/index.css" type="text/css">
</head>
<body>

<div id="div2">
    div2-text
</div>

</body>
</html>

我可以方便地在div的frame后面添加边框吗(你可以看到div的背景色)？

最佳答案

建议在你有内容的 div 之后创建另一个空的 div，绝对位置的解决方案不好/没用，因为你的网站上会有更多的东西，然后它们会在你的“a”之上"文本或您将使用 :after 添加的任何文本。所以只需创建另一个 div :-)

关于html - 如何在元素之后轻松添加信息而不是其内容？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43784111/