这种渐变是否是你想要的效果了?
.box{
width: 100px;
height: 100px;
border:10px solid #ddd;
border-image: -webkit-linear-gradient(#000, #fff) 20 20;
border-image: -moz-linear-gradient(#000, #fff) 20 20;
border-image: -o-linear-gradient(#000, #fff) 20 20;
border-image: linear-gradient(#000, #fff) 20 20;
}
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…