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

Question

我可以将页面分成多个部分，并使用 css 为它们赋予不同的颜色

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

我可以将其中一个“ child ”分成不同的列并给它们单独的颜色吗？

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