html - 如何将背景图像代码从.css文件移动到.html文件？

Question

因此，我想将背景图片的代码从.css移到.html文件。当我这样做时，该图像未显示在我的网站上。

当我使用以下内容时，图像（item.png）正确显示。

HTML：

<div class="resource_select">

CSS：

.resource_select {
  margin-bottom:5px;
  background-position: 482px -2px;
}

但是我想使用下面的代码，但是当我这样做时，图像没有显示。这是代码：

HTML：

<div class="resource_select" style="background-image: url(img/item.png);">`

CSS：

.resource_select {
  margin-bottom:5px;
  background-position: 482px -2px; 
}

我的文件夹结构如下所示：

index.html
style.css
/img

有人可以帮我弄这个吗？我究竟做错了什么？

Answer 1

尝试在浏览器的DevTools中检查图像路径。