首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >关于用html语言在容器中添加图像?

关于用html语言在容器中添加图像?
EN

Stack Overflow用户
提问于 2017-03-29 03:57:05
回答 1查看 21关注 0票数 0

我想输入一个背景图像,农业和最好的农业将在其上显示。

代码语言:javascript
运行
复制
<header class="w3-container w3-black w3-center" style="padding:128px 16px">
    <h1 class="w3-margin w3-jumbo">Agriculture</h1>
    <p class="w3-xlarge">The Best Agriculture</p>
</header>
EN

回答 1

Stack Overflow用户

发布于 2017-03-29 04:05:29

这会将其保存在html页面上。

代码语言:javascript
运行
复制
<style>
body {
    background-image: url("image_name_here.jpg");}
    </style>

或者你可以像这样使用

代码语言:javascript
运行
复制
  <img src="image_name_here.jpg" height="420" width="420">

下面是你的代码应该是什么样子

代码语言:javascript
运行
复制
<header class="w3-container w3-black w3-center" style="padding:128px 16px">
    <h1 class="w3-margin w3-jumbo">Agriculture</br></br><img src="image_name_here.jpg" height="420" width="420"></h1>

    <p class="w3-xlarge">The Best Agriculture</br></br><style>
    .background {
        background-image: url("image_name_here.jpg");}
        </style>
</p><div class="background"></div>
</header>

只需确保图像与html文件位于同一文件夹中,并将image_name_here.jpg替换为image.jpg的名称即可

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43078754

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档