如何删除<header>标签的边框?</header>

时间:2015-01-25 19:36:57

标签: html css html5 css3

这是我的代码:

HTML

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

CSS

header {
    background-color: gray;
}

在我的浏览器中看起来像是什么:

enter image description here

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

提前致谢。

1 个答案:

答案 0 :(得分:2)

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

您可以在margin: 0; padding: 0;标记上应用body来解决此问题,但是通过CSS重置(http://www.cssreset.com/)和/或规范化器来启动其他类似问题的更好解决方案(http://necolas.github.io/normalize.css/)。