div元素的CSS背景不起作用

Question

我已将我的网页分为左右容器（工作正常）。 我在div中创建了一个新类，称为“ user-cover-container”，它只需要在页面的左上方放置封面图像。

图像与CSS和HTML文件位于同一文件夹中。 HTML和CSS文件已正确合并。

 .user-cover-container{ height: 200px; width: 100px; background-image: url("bck.jpg"); background-size: cover; } 

 <div class=”user-cover-container”> </div> 

Answer 1

请检查HTML中类属性的反逗号。 将它们更改为-“”

 .user-cover-container{ height: 200px; width: 100px; background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTlhiyjToS4vgqPDf_ip_MdI8B7RKbfOlCCLsb9qH8d1PPN-rj5TA"); background-size: cover; } 

 <div class="user-cover-container"> </div> 

Answer 2

您错过了“”。 将此添加到您的代码。

<div class="user-cover-container">test </div>

 .user-cover-container{ height: 200px; width: 100px; background-image: url("https://www.w3schools.com/w3css/img_forest.jpg"); background-size: cover; color: white; } 

 <div class="user-cover-container">test </div>