背景图像完全覆盖

Question

我的网页上有几个有背景图像的div。目前它是我想要的，但是边和顶部/底部都有白色边框(用于页面顶部/底部的div)。

这就是目前的情况：

我的网页-注意周围有白色的边框

我试图让它填充浏览器(而不是有边框)，但其他建议都不适合我。下面是一个div的代码：

<div class="header-image">
    <img src="smesh-colour-hires.png">  
</div>

和CSS：

.header-image {
    background-image: url("animals-deep-ocean-deep-sea-130621.jpg");
    background-size: cover;
    background-position: center;
    height: 500px;
    margin: auto;
    display:flex;
    align-items:center;
    justify-content:center;
}

.header-image img{
    max-width: 800px;
}

如果有什么不合理的话请告诉我，我会尽力解释的。

任何帮助都将是非常感谢的，这真的是阻碍我！

Answer 1

白色边框可能是由于body上的默认边距造成的。

尝试将此添加到CSS中。

body {
    margin: 0;
}

Answer 2

将此添加到CSS的顶部

body, html {
  margin: 0;
  padding: 0;
}