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属性控制。我们可以根据需要选择适当的方式来制作出颜色丰富的圆角效果。