border-radius,4个值

`border-radius` 属性是用于CSS（层叠样式表）的，它控制元素边框的圆角效果。当给一个元素设置 `border-radius` 时，你可以指定四个值，每个值分别对应元素上、右、下、左四个角落的圆角半径。这四个值可以按照顺序提供，例如：

- `top-left` 和 `bottom-left`: 对应元素的左上角和左下角圆角半径。
- `top-right` 和 `bottom-right`: 对应元素的右上角和右下角圆角半径。

如果只提供一个值，那么这个值将应用到所有四个角；如果提供了两个值，那么它们会被视为对角线上的圆角半径；如果有三个值，则从左上角开始顺时针分配；如果提供了四个独立的值，每个角都有定制的圆角大小。

示例：

.example-element {
  border-radius: 10px;       /* 全局圆角 */
  border-radius: 10px 5px 0 15px;   /* 左上5px，右上10px，无底角，左下15px */
}

相关问题

border-radius八个值

border-radius属性用于设置元素的圆角。如果要设置不同的顶角和底角的圆角，可以使用八个值分别表示四个角的水平和垂直半径，顺序为左上、右上、右下、左下的顺序。例如：border-radius: 10px 0 0 20px / 20px 0 0 30px; 表示左上角半径10px，右下角半径20px，右上角半径为0，左下角半径为30px。

border-radius四个角

border-radius属性可以设置一个元素的四个角的圆角半径，语法为：

border-radius: [top-left] [top-right] [bottom-right] [bottom-left];

其中，每个值可以是一个具体的像素值（如10px），也可以是一个百分比（如50%）。如果某个值未指定，则会取相邻值的值，如果相邻值也未指定，则默认为0。例如，下面的代码将会把一个元素的四个角都设置为圆角，半径为10像素：

border-radius: 10px;

如果想只设置某一个角的圆角，可以单独指定该角的值，例如：

border-top-left-radius: 20px;