background-image 中的第一个 linear-gradient 是设置 li 标签的背景色的，
第二个 linear-gradient 配合 border-image 即可设置 border 的渐变色。
创建一个线性渐变，需要指定两种颜色，还可以实现不同方向（指定为一个角度）的渐变效果，如果不指定方向，默认从上到下渐变。
大多数情况下边框都会搞个圆角border-radius: 4px，但是设置了border-image的情况下，border-radius是不生效的。
下面的方案是通过background-image来实现
外层div背景色设置渐变，给个padding，设置圆角，内部div设置百分百宽高，背景色白色，就能搞出了border来啦～～
CSS渐变色边框，解决border设置渐变后，border-radius无效的问题
2021年12月16日始
2021年12月16日发布第一稿
