Html 将背景图像居中

请看一下上面的屏幕截图，我想用黑色背景将图像居中，但底部有一些空白。谁能帮我修一下吗

CSS

HTML

嗨，你好

尝试设置

高度：100%.bgimg

课堂上进行编码>

---

编辑：您可能还需要设置

填充：0；保证金：0

到您的

.bgimg

类，只是为了确保。

我猜GBS-Chronicle-Background-1.png不够高。您可以将背景色添加到黑色，也可以将图像与Y一起重复。请尝试更改背景规则的顺序，使颜色优先

background: black url('../images/GBS-Chronicle-Background-1.png') no-repeat center;

尝试添加以下内容：

html,body { height:100%; }

也可以尝试以下方法（如上所述）：

正文{颜色：#000000；}

---

另外：我建议你也评论一下你的内容分区的高度。和/或将内容div的bkg颜色设置为与正文相同的颜色。希望有帮助！：）

我在屏幕截图中看不到任何空白？在浏览器状态栏上方的底部，我无法复制此内容，您确定css中其他地方没有此白色背景色吗？背景图像底部是否有空白？

background: black url('../images/GBS-Chronicle-Background-1.png') no-repeat center;

html,body { height:100%; }