点此查看原纯版内容使用clip-path和border-image实现圆角渐变边框。border-image用于指定用作元素周围边框的图像：clip-pathCSS属性可以创建一个裁剪区域，其中只能显示元素的一部分。区域内的部分显示，区域外的部分隐藏。裁剪区域是通过引用嵌入的URL或外部SVG路径来定义的。因为使用clip-path裁剪的元素，只能显示元素裁剪的区域，所以我们可以使用clip-path:inset()裁剪出一个圆角的矩形元素。
点此查看原纯版内容使用clip-path和border-image实现圆角渐变边框。border-image用于指定用作元素周围边框的图像：clip-pathCSS属性可以创建一个裁剪区域，其中只能显示元素的一部分。区域内的部分显示，区域外的部分隐藏。裁剪区域是通过引用嵌入的URL或外部SVG路径来定义的。因为使用clip-path裁剪的元素，只能显示元素裁剪的区域，所以我们可以使用clip-path:inset()裁剪出一个圆角的矩形元素。