Html 如何使用css在垂直方向上划分30%不同颜色和70%不同颜色的div颜色

我想在颜色位置使用css设计带有两个分色的div标签 垂直分割的div

.布局{
背景颜色：浅蓝色；
高度：70像素；
宽度：70px；
填充：30px；
}
这是一些文本

您可以将两个分区，一个是宽度：30%，另一个是宽度：70%放在一个大的div中，任意宽度，并给它们单独的背景色。 另外，如果你想把一个文本放在它们中间，你可以把另一个div放在另外两个div前面，使其z索引比其他div更大。

.布局{
高度：70像素；
宽度：70px；
}
.a{
宽度：100%；
身高：30%；
背景颜色：浅蓝色；
}
.b{
宽度：100%；
身高：70%；
背景色：红色；
}
这是一些随机文本

这一个用于垂直Div

.parent{
高度：200px；
宽度：100px
}
奇尔达先生{
宽度：100%；
背景色：#0f0；
身高：30%
}
.childB{
宽度：100%；
背景色：#f00；
身高：70%
}

---

您可以按照此链接使用线性渐变方法在一个div中应用多种颜色。