html - 将网站划分为垂直列并为每个列分配不同的颜色

Question

我可以将页面分成多个部分并使用 css 为它们提供单独的颜色

.window:nth-child(1) {
background: #d5d7dd;
top: 0%;
}
.window:nth-child(2) {
background: #1babb7;
top: 100%;
}

我可以将这些“孩子”中的一个分成不同的列并赋予它们不同的颜色吗？

Answer 1

您已经用这个问题标记了 HTML 和 CSS，所以这里有一些基本代码来演示如何创建它。

注意：您似乎是 HTML 和 CSS 的新手，所以我鼓励您做一些教程！

HTML：

<div id="container">
    <div id="one"></div>
    <div id="two"></div>
    <div id="three"></div>
</div>

CSS：

#container {
    width:100%;
    height:200px;
}
#one {
    width:33.333%;
    height:200px;
    float:left;
    background-color:red;
}
#two {
    width:33.333%;
    height:200px;
    float:left;
    background-color:yellow;
}
#three {
    width:33.333%;
    height:200px;
    float:left;
    background-color:blue;
}