CSS是一种用来定义网页样式的语言，并且常常被用来控制网页元素的形状和大小。其中一个很常见的需求就是设置元素的圆角大小。在CSS中，你可以通过使用border-radius属性来实现这个目标。 border-radius属性定义了元素的圆角大小。值可以是一个简单的长度值，也可以是一对数值，表示x轴和y轴上的圆角弧度。我们来看一些示例：

p {
border-radius: 10px;
}
p {
border-radius: 5px 20px;
}
p {
border-radius: 50% 50% 0 0;
}

在第一段代码中，我们将p标签的圆角大小设置为10像素。这实际上会创建四个10像素的圆角。如果你使用的是一个单值的border-radius值，那么左上角，右上角，右下角和左下角的圆角大小都是相同的。 在第二个例子中，我们将x轴和y轴上的圆角大小分别设置为5像素和20像素。这意味着我们会得到一个非对称的圆角。 最后，在第三个例子中，我们将第一对圆角设置为50%。这意味着它们将会成为一个半圆。但是，我们没有提供第二对圆角的值，因此它们将会默认为0，也就是没有圆角。这会让我们得到一个类似于切角矩形的形状。 总之，border-radius属性非常灵活，可以帮助你定义出各种形状。无论你想要创建什么形状，只要你理解了如何使用border-radius，就可以轻松地实现它。