CSS圆角边框生成器

如何使用CSS圆角边框生成器？

在下面的预览中中选择一个形状进行设置
调整四个角的数字，边调整边预览效果。
当您调整好了后点击复制代码将代码复制到剪贴板中。

css border radius 语法

border-radius:value

它只需要设置一个值value就可以设置4个角，value的值代表边框的半径,也就是说value值越大，越圆润。
value值单位可以为em、ex、pt、px、百分比等。

多边框定义

如果你想分别设置4个角不同的效果也是可以的。
它和css中的padding和margin属性类似，如下。
1. 四个值。左上，右上，右下，左下。例如：border-radius: 15px 5px 25px 0px;
2. 三个值：左上，右上右下，左下。例如：border-radius: 15px 5px 25px;
3. 两个值：左上右下和右上左下。例如：border-radius: 15px 5px;
4. 一个值：设置4个角。例如：border-radius: 15px;