CSS3引入了一種全新的屬性——漸變色。不僅能夠讓我們的網頁更加豐富多彩，更能讓我們通過漸變色為DIV邊框增添一份美感。

首先，我們需要定義一個帶有邊界的DIV。

<div class="border">
<p>這是一個帶有漸變色邊框的DIV</p>
</div>

在CSS中，我們需要選擇.border類，并設置這個類的邊框屬性。在這里，我們使用linear-gradient函數來定義邊框漸變色。其中第一個參數表示漸變色的方向；第二個參數表示起始顏色；第三個參數表示結束顏色。

.border {
border: 5px solid;
border-image: linear-gradient(to right, #F6D365, #Fda085) 30 30 round;
}

以上代碼使DIV的邊界線變成了一個從左到右的漸變色，起始顏色為#F6D365，結束顏色為#Fda085。

在border-image屬性中加入round參數，可以將邊角部分與漸變色融合，顯得更為自然。同時，我們也可以在border-image的最后添加數字，以定義邊框寬度。在這里，我們設置邊框的寬度為30像素。

最終效果如下圖所示：