CSS中的border屬性可以用來為元素添加邊框，而漸變效果可以通過CSS中的linear-gradient()函數來實現。那么如何讓border實現漸變呢？

/* 線性漸變 */
border: 1px solid;
border-image: linear-gradient(to right, #00bcd4, #3f51b5, #9c27b0);
/* 徑向漸變 */
border: 1px solid;
border-image: radial-gradient(#00bcd4, #3f51b5, #9c27b0) 1;

以上代碼實現的是線性漸變和徑向漸變的border效果。其中，linear-gradient()函數需要指定漸變的方向和顏色，to right表示從左向右漸變。

而radial-gradient()函數則是指定了漸變的開始和結束顏色，同時通過1來控制漸變范圍的大小。

除此之外，我們還可以通過border-image-slice屬性來指定邊框圖像的分割方式，以達到更細致的漸變效果。

border: 2px solid;
border-image: linear-gradient(to right, #00bcd4, #3f51b5, #9c27b0) 1;
border-image-slice: 1; /* 此時，邊框的漸變會更加細膩 */

上述代碼會實現一道2像素粗的帶有線性漸變的border效果，并且通過border-image-slice屬性控制分割方式，讓漸變效果更加細膩。

綜上所述，CSS中可以使用linear-gradient()和radial-gradient()函數來實現border的漸變效果，同時也可以通過border-image-slice屬性來控制分割方式，讓漸變效果更加精細。