CSS漸變邊框圓角是一個很酷的效果，可以讓你的網頁更加吸引眼球，下面讓我們來看看如何實現這個效果吧。

/* 創建一個圓角矩形 */
.border {
padding: 10px;
border-radius: 20px;
}
/* 使用漸變顏色作為邊框 */
.border-gradient {
border: 10px solid;
border-image-slice: 1;
border-image-source: linear-gradient(45deg, #49a09d, #5f2c82);
}

首先，我們要創建一個圓角矩形，可以通過設置padding和border-radius來實現，這里我們設置padding為10px，border-radius為20px，這樣就能得到一個圓角矩形。 接下來，我們要給這個圓角矩形添加漸變邊框，我們使用border屬性來定義邊框，然后將border-image-slice設置為1，表示使用所有的邊界，然后將border-image-source設置為linear-gradient(45deg, #49a09d, #5f2c82)，這表示我們要使用線性漸變，起始顏色為#49a09d，結束顏色為#5f2c82，方向為45度。 這樣就能得到一個非常漂亮的CSS漸變邊框圓角效果了！