【css】 border-image 与 border-radius 的冲突

【css冲突：】当一个元素同时设置了 border-image 和 border-radius 属性时，border-radius 通常不会正常显示，这是CSS的一个已知限制。

【解决：】使用伪元素同时实现圆角和渐变效果 利用background-clip、background-image解决。

1. 设置border-box
2. 设置border透明border: 1px solid transparent;
3. 设置background-image