Css Html<；部门>；元素背景图像不显示，div内部也没有任何内容

我有一个带有背景图像的主体和另一个带有该div背景图像的元素。我想要的div还有另一个图像[页面上的第三个]没有显示出来。我放在div里的东西也没出现。这是我的密码

<div id="middle" style="background-image: url(images/Home/binary.png); height: 200px; width: 1350px; border: 1px solid black;> 
    <h1>test</h1>
<[div]>

我看不出这里有什么问题。有人能帮帮我吗？

你在你的分区里忘了一个

“

<div id="middle" style="background-image: url("images/Home/binary.png"); height: 200px; width: 1350px; border: 1px solid black;">
    <h1>test</h1>
</div>

测试

---

请注意，将CSS和HTML放在另一个文件中，尽量将其分开。

正如Docteur所说，您的div开始标记中缺少了一个

“

。他还修复了您的结束标记

，但没有提及该标记为

如果你得到了你所说的

一条黑线勾勒出div的轮廓

这是因为您设置了黑色1px边框

边框：1px纯黑

试试这个：

<div id="middle" style="background-image: url("images/Home/binary.png"); height: 200px; width: 1350px;">
    <h1>test</h1>
</div>


测试

您还检查了文件是否在该目录中、是否有其他文件名或是否已损坏？
请发布您的代码。该代码已发布，只是不起作用。查看我的编辑以查看代码！或者我已经发布了一个答案，并对其进行了轻微修改。现在有一条黑线勾勒出了分区。。。div内部的东西现在正在显示，但图像不是，只是一个黑色的轮廓。我试着把图片换成另一个，但仍然是黑线轮廓。试着背景图片：url（“images/Home/binary.png”）；。我发现了这个问题，如果我把样式放在css文件中，它就会产生黑色的轮廓。如果我把它放在div里面，它工作得非常好。。。不过，你知道问题出在哪里吗，css文件把图像搞乱了。我需要看看你的css来帮你。。你试过我的第二次更正了吗？我想我会坚持在div元素中使用这个样式，我不知道怎么了。谢谢你的帮助。谢谢你回复我的问题-我不知道我怎么会错过了边界！
<div id="middle" style="background-image: url("images/Home/binary.png"); height: 200px; width: 1350px; border: 1px solid black;">
    <h1>test</h1>
</div>

<div id="middle" style="background-image: url("images/Home/binary.png"); height: 200px; width: 1350px;">
    <h1>test</h1>
</div>