border渐变色，border-image，linear-gradient

.borderClass {
    border-image: -webkit-linear-gradient(to right,#8C53C5,#FFF) 1 10;
    border-image: -moz-linear-gradient(to right,#8C53C5,#FFF) 1 10;
    border-image: linear-gradient(to right,#8C53C5,#FFF) 1 10;
}

linear-gradient (方向，颜色，颜色，颜色)