将网站划分为垂直列，并为每个列分别提供颜色

Question

我可以将页面分成几个部分，并使用css作为

为它们分别设置颜色

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

我可以将这些“孩子”中的一个划分为不同的列并为它们分别设置颜色吗？

Answer 1

您已标记HTML＆amp;有这个问题的CSS，所以这里有一些基本代码来演示如何创建它。

注意：您似乎不熟悉HTML＆amp; 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;
}