CSS 属性 border-radius 用于设置元素的边框圆角的半径。通过设置 border-radius 属性，可以使元素的边框呈现出圆角的效果，而不是默认的直角。
语法
-------- -
-------------- ------
-border-radius 属性可以接受一个或多个值，每个值表示一个圆角的半径。如果提供一个值，则四个圆角都会应用这个半径；如果提供两个值，则第一个值应用于左上角和右下角，第二个值应用于右上角和左下角；如果提供四个值，则分别应用于左上角、右上角、右下角和左下角。值可以是像素（px）、百分比（%）或 em 等单位。
示例
--- -
-------------- -----
-
--- -
-------------- ---- -----
-
--- -
-------------- --- ---- ---- -----
-在上面的示例中，第一个 div 元素的所有四个圆角都应用了 10px 的半径；第二个 div 元素的左上角和右下角应用了 20px 的半径，右上角和左下角应用了 10px 的半径；第三个 div 元素的左上角应用了 5px 的半径，右上角应用了 15px 的半径，右下角应用了 10px 的半径，左下角应用了 20px 的半径。
注意事项
- 如果设置的值大于元素的宽度或高度的一半，则圆角的半径会被自动调整为元素的一半。
- border-radius 属性可以与 border、background-color 等属性一起使用，以创建各种复杂的效果。
以上就是 CSS 属性 border-radius 的详细介绍。希望通过本章节的学习，您能更好地掌握如何使用 border-radius 属性来实现元素边框的圆角效果。