解决border-image 和 border-radius同时使用冲突

当 border-image 和 border-radius 同时使用时，会出现冲突的情况。这是因为 border-image 会覆盖 border-radius 的效果，导致圆角被遮盖。解决这个问题的方法是在 border-image 中使用 slice 属性来指定边框图片的哪一部分用于绘制边框，从而避免覆盖圆角效果。

具体来说，可以将 slice 属性设置为 fill，这样边框图片会被拉伸以填充整个边框区域，同时保留圆角效果。示例代码如下：

border-image: url(border.png) fill;
border-radius: 10px;