CSS3設置漸變邊框是CSS3的一項新特性，可以讓網頁設計更加生動和豐富。在CSS3中，我們可以使用linear-gradient和radial-gradient兩個函數來實現邊框漸變效果。

/* 線性漸變 */
border: 2px solid;
border-image: linear-gradient(to right, #F00 0%, #00F 100%);
border-image-slice: 1;
/* 徑向漸變 */
border: 2px solid;
border-image: radial-gradient(circle at center, #F00 0%, #00F 100%);
border-image-slice: 1;

上面的代碼演示了如何利用線性漸變和徑向漸變設置邊框漸變效果。其中，border-image用于設置邊框圖片，linear-gradient和radial-gradient分別用于設置線性漸變和徑向漸變的顏色漸變方向和起始漸變位置。

如果我們想要設置不同的線性或徑向漸變效果，可以通過修改gradient的方向、顏色和漸變位置等參數實現。比如：

/* 設置線性漸變漸變角度 */
border-image: linear-gradient(135deg, #F00 0%, #00F 100%);
border-image-slice: 1;
/* 設置徑向漸變漸變位置 */
border-image: radial-gradient(10% 10%, circle, #F00 0%, #00F 100%);
border-image-slice: 1;

需要注意，在設置漸變邊框時，我們需要使用border-image-slice屬性來指定邊框的圖片大小，否則可能會出現圖片拉伸或失真等問題。

總之，CSS3設置漸變邊框可以讓我們的網頁設計更加生動、豐富，通過靈活運用不同的漸變參數，我們可以實現各種精美的邊框漸變效果。