html - 如何去除 <header> 标签的边框？

这是我的代码:

HTML

<!DOCTYPE html>
<html>
    <body>
        <header>
        </header>
    </body>
</html>

CSS

header {
    background-color: gray;
}

以及它在我的浏览器中的样子:

enter image description here

所以我的问题是:如何删除这些白色边框？

提前致谢。

最佳答案

它们实际上不是边框，它们是边距/填充。浏览器通常对 <body> 应用默认边距。标记和各种其他元素。

可以申请margin: 0; padding: 0;在 body 上标记来修复此问题，但防止其他类似问题的更好解决方案是从 CSS 重置 (http://www.cssreset.com/) 和/或标准化器 (http://necolas.github.io/normalize.css/) 开始。

关于html - 如何去除 <header> 标签的边框？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28140628/

相关文章：

html - 图像和 h2 不会水平对齐

html - 如何去除 &lt;header&gt; 标签的边框？