【css实现收货地址下边的平行四边形彩色线条】

废话不多说，直接上代码：

<div class="address-block" ><!-- 其他内容... --><div class="checked-ar"></div>
</div>

.address-block{height:120px;position: relative;overflow: hidden;width: 500px;border: 1px #ccc solid;border-radius: 8px;margin: 0 auto;
}
.address-block .checked-ar {position: absolute;right: 0;bottom: 0;left: 0;content: "";height: 0.5rem;background: repeating-linear-gradient(-45deg, #FF3B3B, #FF3B3B 14px, #FFECEB 14px, #FFECEB 18px, #2474FF 15px, #2474FF 33px, #FFECEB 31px, #FFECEB 38px);
}