CSS給邊框加漸變是一種美化網頁的有效方法。一般的邊框樣式和顏色過于單調，加上漸變后，可以讓網頁更具活力。

/* 給邊框加上漸變 */
border: 1px solid;
border-image: linear-gradient(to bottom, #ff0000, #0000ff);
border-image-slice: 1;

以上的CSS代碼是給邊框加上了從上到下的漸變。其中，border: 1px solid;是設置邊框的基本樣式，border-image: linear-gradient(to bottom, #ff0000, #0000ff);是設置邊框的漸變樣式，border-image-slice: 1;則是設置邊框的圖片切割方式。

在linear-gradient中，to bottom表示漸變方向是從上到下，#ff0000和#0000ff是指定的起始和結束顏色，可以根據自己的需求進行調整。

在使用漸變邊框時，需要注意的是不同瀏覽器對不同屬性的支持度不同，需要適當調整代碼。同時，在移動端上，減少使用漸變邊框可以提升網頁的性能。