彩色条纹分隔线--使用伪元素实现

伪元素:before或:after实现彩色条纹分隔线

div:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 2px;
    background-image: repeating-linear-gradient(-45deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%);
    background-size: 80px;
}

注意：
content为必需属性；
background-size属性必须在background-image(或background)属性声明之后声明；