gpt4 book ai didi

html - 为什么我的页眉周围有空白且没有颜色?

转载 作者:技术小花猫 更新时间:2023-10-29 11:54:39 28 4
gpt4 key购买 nike

我试图填满整个 <header>与背景颜色,但问题是当我尝试查看页面时,而不是填充整个 <header>与颜色一样,<header> 的顶部、左侧和右侧都有白色边框。 .请问背景色没有全部填满的原因<header>整个空间?

header {
background-color: #ECF3F3;
}
<body>
<header>
<h1>Food Hunt</h1>
</header>
<nav>
</nav>
<aside>
</aside>
<footer>
</footer>
</body>

最佳答案

这可能是由 body 上的边距/填充引起的或 html元素,但它也可能是由 h1 上的边距引起的元素。

查看此 jsFiddle .

header {
background-color: pink;
}

header h1 {
margin: 0;
}

html, body {
margin: 0;
padding: 0;
}
<header>
<h1>Title</h1>
</header>

关于html - 为什么我的页眉周围有空白且没有颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20220781/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com