如何摆脱图像周围的白框[重复]答案

【问题标题】：How to get rid of white frame around image [duplicate]如何摆脱图像周围的白框[重复]
【发布时间】：2021-08-10 04:12:33
【问题描述】：

我是 html/css 的新手，我正在尝试用这张图片完全覆盖我网站的上半部分。但是，图像周围有一个白框，对于我的生活，我似乎无法摆脱它。这是它的外观照片：

HTML：

<body>
 <div id="my_header"></div>
</body>

CSS：

#my_header {
  background: url(pic1.jpg);
  background-size: cover;
  height: 450px;
  border-style: none;
  margin: 0;
  padding: 0;
}

【问题讨论】：

欢迎来到 Stack Overflow！这不是来自图像，而是来自body 和html 标签。将 html, body { padding: 0; margin: 0 } 添加到您的 CSS
或者这个：stackoverflow.com/questions/14540102/… 或 stackoverflow.com/questions/29903098/…

标签： html css

【解决方案1】：

检查 body 标签上的任何样式。要删除主体上的填充和边距，请使用以下内容

  body { padding: 0; margin: 0 }

【讨论】：