Css 实现色彩间隔的条纹边框

.orderContainer .addAddress {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: white;
    border-bottom: 20px dashed deeppink;
    position: relative;
    background-clip: content-box;   //重要
}
.addAddress::after{
        content: '';
        z-index: -1;
        position:absolute;
       background-color: deepskyblue;
       bottom:-20px;
       top:-20px;
       left:-20px;
       right: -20px;
    }