border-image: linear-gradient(to bottom, #0D71F6, #1DE2E3, #FFF) 1； 设置了圆角不生效

`border-image` 属性是用来替代传统的边框样式，通过渐变、图片等复杂资源来定义边框效果。当您提到设置了圆角不生效，这可能是由于两个原因：

1. **CSS语法问题**：如果您的圆角样式是在 `border-radius` 或 `-webkit-border-radius` 等属性上设置的，并非直接作用于 `border-image`，那么它们不会影响到 `border-image` 的形状。这两者是独立控制边框样式和边框图像的。

2. **默认行为**：`border-image` 默认会保持矩形形状，如果想要让边框图像呈现圆形，您需要结合 CSS 的 `shape-outside` 或者一些浏览器特性的hack（如 `-webkit-mask-image` 和 `-moz-mask-image`）来实现。

例如，您可以尝试这样组合：

div {
  border-image: linear-gradient(to bottom, #0D71F6, #1DE2E3, #FFF);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 50%;
  -webkit-mask-image: url(white-circle.png); /* 使用透明圆形作为mask */
}

这里假设有一个名为 `white-circle.png` 的圆形透明图作为掩码。