css - 仅在 CSS 中的 div 顶部添加标题横幅

Question

我正在尝试添加一个标题，该标题将显示为该潜水的横幅，其中包含文本。如下图所示。

问题是我需要在 css 中设置标题文本。 我只有一个 div，其中包含内容。我无法更改 HTML 代码来添加内容。

有什么想法吗？

Answer 1

你可以用 before 伪元素来做到这一点，像这样:

.your_div:before {
    content: "Your DIV title";
    display: block;
    color: #000;
    background: #CCC;
    text-align: center;
}

但它不会与旧浏览器兼容。