Question

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

这只是一个测试，在我对作业进行实际更改之前，我只是弄混了。我的目标是将页面顶部的10％设置为某种颜色（如浅蓝色），将80％的另一种颜色（在中间为象牙色），然后在底部将其设置为灰色。

CSS：

    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;
    }

HTML：

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

Answer 1

将此内容插入CSS代码。

body {
    margin:0;
}

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

1 个答案: