css3 boder边框设置渐变颜色后,圆角无效

你好,我的代码如下,这样设置后 border-radius无效。想请教一下如何是边框圆角圆润。 谢谢了。
a {
    display: inline-block;
    font-size: 14px;
    color: #a81c2e;

/\* 渐变色 \*/

    border: 1px solid;
    border-image:linear- gradient(to right, #9f1a2c, #012069);
    border-image-slice: 10%;
    padding: 15px 40px;
    margin-bottom: 40px;
   border-radius: 5px;
}

最佳答案

border-image 和 border-radius 是冲突的
分成两个盒子实现即可