border-color 怎么黑色透明度渐变？

Question

方向为边框垂直方向，即从div 的padding到margin 方向。

Answer 1

这种渐变是否是你想要的效果了？

.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;
}