第一种：使用border-image属性实现边框渐变效果

注意：这个属性添加会导致原有的边框样式失效（包括圆角）

第二种：使用::after伪元素和background-image实现边框渐变效果

注意：这个方法可以使用圆角样式

第三种：使用::after伪元素和background-image实现边框渐变效果,定位在主元素上方，再挖空遮罩mask中间部分

注意：这个办法无法锁定主元素

拓展：实现圆角样式的边框渐变效果

1. 上面的第一种和第三种都无法完美实现，第二种可以实现

   button