创建家庭作业并需要帮助修复背景颜色

Question

我正在努力创建包含内容的背景颜色，这是我迄今为止在这个网站上其他人的帮助下想出的，但我遇到了一个难题。当我插入此代码时，它会创建我想要的内容，但有一个问题，在边框上有一个围绕彩色框的空白区域。在蓝色框的顶部是蓝色框和页面顶部之间的小空白区域，以及蓝色/红色/绿色框的侧面，页面末尾和框之间有一个小空白区域。我如何更改它，其中空白填充了匹配的颜色。

这只是一个测试，在我对家庭作业进行实际更改之前，我只是弄乱了它。我的目标是使页面顶部的10%成为某种颜色(如浅蓝色(，80%为另一种颜色(中间像象牙色(，然后在底部使它像灰色一样。

div {
height: 100px;
position: relative;
}
.a:after, .b:before, .c:after {
content: "";
width: 100%;
height: 100%;
top: 0;
right: 0;
display: block;
position: absolute;
}
.a {
background: blue;
}
.b {
background: red;
}
.c {
background: green;
}

<div class="a"> </div>
<div class="b"> </div>
<div class="c"> </div>

Answer 1

在 CSS 代码中插入它。

body {
margin:0;
}