时间戳

首页 > 解决方案 > 如何在 HTML/CSS 中的图像背景上为内容创建一个白框？

html - 如何在 HTML/CSS 中的图像背景上为内容创建一个白框？

问题描述

现在，我的文字直接放在背景图片上；但我想在背景图像上添加一个白框，这样我就可以将我的文本放在白框中（为了更具视觉吸引力）。我尝试将其添加到我的 CSS 表中：

.white-box {
    position: absolute;
    background-color: #FFFFFF;
    color: black;
    width: 50px;
    height: 50px;
    padding: 20px;
}

这在 HTML 页面中：

<body>
<div class="white-box">
Content
</div>
</body>

这不会改变我的网页，当我在线搜索这个问题时，我只会看到我已经尝试过的不同版本（如上所示） 这是我想要实现的目标

我很感激任何帮助！:)

标签： htmlcss

解决方案

尝试检查网站和它使用的 CSS。这会给你更好的想法并更多地提高你的技能（：

我的方法是在外部 div 上设置背景图像并将溢出设置为滚动，然后在其中创建具有白色背景的 div ..如网站所示

推荐阅读