如何将背景图像添加到CSS类

Question

我想将背景图像添加到CSS类中，但没有显示。

我已经尝试添加高度和宽度。

<div class="landing1">
  <h2>The Lnad OF Programming</h2>
  <p>get involved</p>
</div>


<style>
  body,
  html {
    margin: 0;
    size: 100%;
  }
  
  .landing1 {
    margin: 3px;
    text-align: center;
    background-image: url(imgs/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 400px;
    height: 500px;
  }
</style>

背景图片没有显示。

Answer 1

正在工作。您输入的图像路径错误

body , html{
margin:0;
size:100%;
}

.landing1{
margin:3px;
text-align:center;
background-image:url(http://placekitten.com/500/500);
background-repeat: no-repeat;
background-size: cover;
background-position:center;
width:400px;
height:500px;
}

<div class="landing1">
    <h2>The Lnad OF Programming</h2>
    <p>get involved</p>
</div>