CSS可以非常方便地将网页元素的角变为圆角，而不是默认的直角。这种变化可以使设计更加温和、亲切，并且更吸引人。

元素名称 {
border-radius: 圆角值;
}

这个元素名称可以是任何标签，如div、p、h1、img等，border-radius的值是一个像素数字。该值可以是一个整数，也可以是一个小数，它决定了圆角的弧度大小。如果您将border-radius设置为50%，则将创建完美的圆形角。

此外，您还可以设置border-top-left-radius，border-top-right-radius，border-bottom-left-radius和border -bottom-right-radius四个属性来分别设置四个角的圆角弧度。这样可以创建各种有趣的形状，例如梯形或八角形更加复杂的形状。

元素名称 {
border-top-left-radius: 50px;
border-top-right-radius: 10px;
border-bottom-left-radius: 70px;
border-bottom-right-radius: 30px;
}

在上述示例中，元素的上左角设置为50像素的圆角，上右角设置为10像素的圆角，下左角设置为70像素的圆角，下右角设置为30像素的圆角。此时，该元素将变成一个斜方形。

圆角是标记语言中用于样式设计的常用技巧。它可以帮助我们使元素的角更加柔和、美观，也可以帮助我们设计出更加复杂和独特的形状。