CSS圆角矩形是一个经常用到的效果，它让网页看起来更加美观和有吸引力。

要创建一个圆角矩形，我们可以使用border-radius属性。这个属性让我们设置矩形的边框半径，从而让边框变得更加圆润。

例如：

.box {width: 200px;height: 100px;border-radius: 10px;background-color: #f1f1f1;}

这段代码创建一个宽200像素、高100像素的矩形，边框半径为10像素。它的背景颜色设置为#f1f1f1，也就是灰色。如果您想要创建更加复杂的矩形，您可以尝试改变border-radius的值来达到不同的效果。

如果您想要更改矩形的边框颜色，您可以使用border-color属性。这个属性让您指定矩形的边框颜色。

例如：

.box {width: 200px;height: 100px;border-radius: 10px;background-color: #f1f1f1;border: 2px solid #000;}

这段代码创建了一个边框颜色为黑色的矩形。我们添加了一个2像素的边框到矩形上，并且将边框颜色设置为黑色。

总之，CSS的圆角矩形和边框颜色属性可以让我们创建更加漂亮的网页效果。希望这篇文章能够对您有所帮助！