如何从 body 背景图片周围移除白色 space？

Question

我已经使用了 poorly-documented 书中的所有技巧（恶作剧双关语），但我的背景图片周围仍然有一个白色边框。我正在使用 Bootstrap 但我在所有重要的地方都打上了 important 标签，所以我怀疑这是导致问题的原因。如果可以使用 Bootstrap 5 解决问题，那就太好了。我想尽量减少我在这个项目中使用的 CSS 代码量。

html, body {
  background-image: url("./background.gif");
  background-repeat: no-repeat;
  height: 100vh;
  width: 100vw;
  background-color: black;
  margin: 0!important;
  padding: 0!important;
  background-size: 100% 100%;
}

Screenshot of webpage

Answer 1

只需删除正文第一个 div 子项上的 border 类名。默认添加 1px 实线边框。

即使没有将边距和填充设置为 0，它也能正常工作！在正文中很重要，因为您有一个 _reboot css 已经将正文重置为边距 0。

如何从 body 背景图片周围移除白色 space？

How do I remove white space from around a body background image?

html

css

background-image