css3 上边框渐变 |css 调单元格间距

具体实现方法如下：

div{
border-top: 5px solid;
border-image: linear-gradient(to right, #6A5ACD, #00BFFF);
}

上述代码中，大家首先定义一个div元素，并为其设置一个5px宽度的实线上边框。接着，大家使用了CSS3的border-image属性，并把其值设置为一个线性渐变样式，该样式从左向右渐变，起始颜色为#6A5ACD，结束颜色为#00BFFF。

值得注意的是，CSS3的border-image属性在一些老版本的浏览器中可能无法正常工作，因此在实践过程中，大家需要适配各种浏览器的特性。