HTML - 将背景图像添加到div

Question

我正在尝试创建一个网页，其标题横跨顶部，我希望此标题有背景图片......但是，我无法弄清楚如何做到这一点......我我已经尝试了很多我在堆栈溢出时发现的技术，但是却无法使它们中的任何一个工作。 下面是标题部分的代码：

<div class="jumbotron text-center" style="color:#ffffff">
    <h1>HEADING</h1>
    <p>SUBHEADING</p> 
</div>

我将非常感谢任何有关如何为此div提供背景图片的帮助！

（也提前抱歉，我是一个绝对的HTML菜鸟）

Answer 1

在div上设置背景很简单，就像

一样

风格

<style type="text/css">
.bgimg {
    background-image: url('../images/bg.png');
}
</style>

HTML

<div class="jumbotron text-center bgimg" style="color:#ffffff">
    <h1>HEADING</h1>
    <p>SUBHEADING</p> 
</div>

将.bgimg css类提供给div，您可以看到背景