要如何用css做一个流动的边框

可以使用CSS的`@keyframes`规则和`animation`属性来实现一个流动的边框。具体实现步骤如下：

1. 首先，需要定义一个带有边框的元素，比如一个div元素。

<div class="border"></div>

2. 然后，使用CSS来设置这个元素的边框样式和动画效果。

.border {
  width: 200px;
  height: 200px;
  border: 2px solid blue;
  animation: flow 2s infinite;
}

@keyframes flow {
  0% {
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, #743ad5, #d53a9d);
  }
  50% {
    border-image-slice: 2;
    border-image-source: linear-gradient(to right, #d53a9d, #d5a83a, #743ad5);
  }
  100% {
    border-image-slice: 3;
    border-image-source: linear-gradient(to right, #743ad5, #d53a9d, #d5a83a, #743ad5);
  }
}

上面的代码中，我们定义了一个名为`flow`的动画，在`0%`、`50%`和`100%`三个关键帧中分别设置了不同的边框样式，使用了`border-image-slice`和`border-image-source`属性来设置边框的渐变颜色和宽度。

最后，在`.border`元素上使用`animation`属性来应用这个动画，设置了动画持续时间为`2s`，循环次数为`infinite`。

这样，就可以实现一个流动的边框效果了。