CSS中的圓角屬性——border-radius可以幫助我們制作出圓角矩形、圓形等形狀，而它的顏色屬性——border-color是如何與之配合使用的呢？

在默認情況下，border-radius屬性只控制了邊框的形狀，而顏色則由border-color控制。比如下面這個例子：

.box{
border-radius:10px;
border:2px solid #ff0000;
}

這樣就得到了一個紅色邊框，帶有10像素圓角的矩形。

然而，當我們需要不同顏色的圓角矩形時，就需要借助其他屬性了。一種簡單的方法是使用box-shadow屬性制造描邊效果。

.box{
border-radius:10px;
box-shadow:0 0 0 2px #00ff00;
}

這樣，我們就得到了一個綠色邊框，帶有10像素圓角的矩形。

如果需要指定邊框的整個顏色，可以使用outline屬性，它提供了border一樣的四個參數，只不過是在元素外描繪了一個輪廓。

.box{
border-radius:10px;
outline:2px solid #0000ff;
}

這樣就得到了一個藍色邊框，帶有10像素圓角的矩形。

在使用border-radius制作圓形時，同樣可以使用outline描繪整個圓的顏色，例如：

.circle{
border-radius:50%;
width:100px;
height:100px;
outline:2px solid #00ffff;
}

這樣就得到了一個帶有藍色描邊的圓形。

總之，CSS中圓角的顏色主要由border-color、box-shadow和outline屬性控制。我們可以根據需要選擇適當的方式來制作出顏色豐富的圓角效果。