css - 你能帮我用“重复线性渐变”吗？我需要线条像照片上一样垂直内联

Question

你能帮我解决“重复线性渐变”吗？

我目前有：

    .myCSSrule {
         width:400px;
         height:400px;
         background: repeating-linear-gradient(90deg,dodgerblue 0% 
                 12.5%,mediumpurple 12.5% 25%,red 25% 50%, 
                 orange 50% 100% ,yellow,lime,mediumseagreen,deepskyblue);
    }

<div class='myCSSrule'></div>

我需要垂直内联的线条，如下图所示：

标签： css