用fiex或者gird实现两栏布局5种颜色

好的，下面是使用flex布局实现两栏布局，并设置五种颜色的代码：

HTML代码：

<div class="container">
  <div class="left"></div>
  <div class="right"></div>
</div>

CSS代码：

.container {
  display: flex;
}

.left {
  flex: 1;
  background-color: red;
}

.right {
  flex: 1;
  background-color: blue;
}

这个布局使用了flex布局，将父容器分为左右两个块，其中`.left`和`.right`分别代表左侧和右侧的块。通过设置`flex: 1`属性，使左右块平分父容器的宽度。在示例中，左侧块的背景色为红色，右侧块的背景色为蓝色。

如果你想要实现两栏布局并设置更多颜色，可以继续添加相应的块，并设置不同的背景色。比如，你可以添加一个`.middle`块，并设置其背景色为绿色：

HTML代码：

<div class="container">
  <div class="left"></div>
  <div class="middle"></div>
  <div class="right"></div>
</div>

CSS代码：

.container {
  display: flex;
}

.left {
  flex: 1;
  background-color: red;
}

.middle {
  flex: 1;
  background-color: green;
}

.right {
  flex: 1;
  background-color: blue;
}

这样就实现了三栏布局，并设置了红色、绿色和蓝色三种颜色。你可以根据需要添加更多的块，并设置不同的背景色来实现更多种颜色的布局。