css中border怎么线性渐变

CSS中的`border`属性不支持线性渐变。但是，你可以使用`background-image`属性来创建一个带有线性渐变的边框。下面是一个例子：

div {
  border: none;
  background-image: linear-gradient(to right, red, blue);
  background-clip: padding-box;
  padding: 10px;
}

这将创建一个带有从红色到蓝色渐变的边框。通过将`background-clip`属性设置为`padding-box`，可以确保背景图像不会超出填充框。

如果你想要更复杂的渐变效果，可以使用CSS渐变函数来定义更多的颜色停止点。例如，下面的代码将创建一个沿着对角线渐变的边框：

div {
  border: none;
  background-image: linear-gradient(to bottom right, red, orange, yellow, green, blue, indigo, violet);
  background-clip: padding-box;
  padding: 10px;
}

这将创建一个带有紫罗兰色到红色的渐变效果的边框。