使用CSS的多边框颜色

我想在CSS中创建多行边框，每行以不同的颜色放置在彼此的顶部，而不使用背景图像

见下面的示例：

下面是一个演示如何使用和伪元素的示例

正文{
边缘：2米；
}
.TopBorder{
边框顶部：2px实心#36db8b；
位置：相对位置；
}
.TopBorder：：之后{
位置：绝对位置；
左：50%；
右：0；
顶部：-2px；
边框顶部：2个实心#CCCC；
内容：''；
}

佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。前庭侵权人、世仇、别有用心者、临时诉讼人、担保人。不要让你的自由人坐在那里。我的生命是永恒的。莫里斯
Placelat eleifend leo。

下面是一个演示如何使用和伪元素的示例

正文{
边缘：2米；
}
.TopBorder{
边框顶部：2px实心#36db8b；
位置：相对位置；
}
.TopBorder：：之后{
位置：绝对位置；
左：50%；
右：0；
顶部：-2px；
边框顶部：2个实心#CCCC；
内容：''；
}

佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。前庭侵权人、世仇、别有用心者、临时诉讼人、担保人。不要让你的自由人坐在那里。我的生命是永恒的。莫里斯
Placelat eleifend leo。