【HTML】＜img＞

宾果的救星

已于 2022-12-19 11:08:52 修改

阅读量208

点赞数

分类专栏： HTMLCSS 文章标签： html css flex

于 2021-01-04 20:58:32 首次发布

本文链接：https://blog.csdn.net/wuli_youhouli/article/details/111304892

版权

14 篇文章

订阅专栏

<img>

<div class="container">
    <img class="bg" url="bg.png" alt="背景图片"/>
</div>

.container {
    display:flex;                    
    justify-content: center;         
}

.bg{
    height:100vh;
    width:100vh;
}

HTML设置一个空div，用来放置背景图片。

<body>
    <div class=“main”></div>
</body>

高度100%

html,body{
    margin:0;
    height:100%;
}
.main{
    height:100%;
    background:url('./bg.png') no-repeat; 
}

高度100vh

.main{
    height:100vh;
    width:100vw;       
    background:url('./bg.png') no-repeat ; 
}