CSS是網頁設計中不可或缺的技術之一，它可以讓我們實現許多令人驚嘆的效果。其中，圓角邊框是一種比較流行的設計風格，它能夠讓網頁看起來更加友好、溫暖。圓角邊框中的顏色是其重要的組成部分，下面我們來了解一下如何設置 CSS 中圓角邊框顏色。

/* 設置實線圓角邊框 */
.border {
border: 1px solid;
border-radius: 10px;
border-color: #ff0000; /* 紅色邊框 */
}
/* 設置虛線圓角邊框 */
.border-dashed {
border: 2px dashed;
border-radius: 20px;
border-color: blue; /* 藍色邊框 */
}
/* 設置雙實線圓角邊框 */
.border-double {
border: 3px double;
border-radius: 30px;
border-color: #00ff00; /* 綠色邊框 */
}

在上面的代碼中，我們使用了三種不同類型的圓角邊框，包括實線圓角邊框、虛線圓角邊框、雙實線圓角邊框。在設置邊框顏色時，我們可以使用顏色名稱或者是十六進制表示法來定義顏色。

除了簡單的顏色設置外，我們還可以使用漸變色來設置圓角邊框顏色。以線性漸變為例：

/* 設置線性漸變圓角邊框 */
.border-gradient {
border: 1px solid;
border-radius: 40px;
border-image: linear-gradient(to right, red, yellow);
}

在上述代碼中，我們使用了 border-image 屬性，其中的 linear-gradient(to right, red, yellow) 表示從紅色到黃色的線性漸變。這種方式可以讓我們的圓角邊框顏色更加豐富多彩。

總之，在 CSS 中設置圓角邊框顏色是非常簡單的，我們可以根據不同的需求選擇不同的顏色和類型，創造出更加吸引人的網頁設計。