css 将图像嵌入div

yvgpqqbh 于 2022-12-15 发布在其他

关注(0)|答案(2)|浏览(180)

我正在做一个Django项目，我使用Bootstrap 5中的blog example
我试着在第一个div中嵌入一个图像，它是这样的：

对此：
是PS过的
我该怎么做呢？
这是我要编辑的div：

<div class="p-4 p-md-5 mb-4 rounded text-bg-dark">
            <div class="col-md-6 px-0">
                <h1 class="display-4 text-white fst-italic">We are opening our 4th location in March 2023</h1>
                <p class="lead my-3">Multiple lines of text that form the lede, informing new readers quickly and
                    efficiently about what’s most interesting in this post’s contents.</p>
                <p class="lead mb-0"><a href="#" class="text-white fw-bold">Continue reading...</a></p>
            </div>
    </div>

完整的示例代码可以从here下载。

css

来源：https://stackoverflow.com/questions/74798264/embed-an-image-into-div

2条答案

按热度按时间

omhiaaxx1#

您将需要background属性，可以将URL附加到该属性。
然后，您可能需要Apply a filter to a background image

.headerObject {
  height: 100px;
  width: 300px;
  background: url("https://cataas.com/cat");
  background-size: cover;
}

<div class="headerObject">
  Hello World
</div>

赞(0）回复(0）举报 2022-12-15

weylhg0b2#

向div添加背景属性：

<div style="background-image: URL('www.server.address/image.jpg');">
</div>

赞(0）回复(0）举报 2022-12-15

我来回答

css 将图像嵌入div

2条答案

相关问题

热门标签

最新问答