CSS圆角生成工具
通过调整下方滑块,自定义元素四个角的圆角半径,实时预览效果并获取对应的CSS代码。
实时预览
预览说明:
- • 左侧滑块控制左上角和右下角
- • 右侧滑块控制右上角和左下角
- • 可单独设置每个角的圆角半径
参数设置
0px
8px
50px
0px
8px
50px
0px
8px
50px
0px
8px
50px
0px
8px
50px
CSS代码
border-radius: 8px;
如何使用
调整参数
使用滑块调整各个角的圆角半径,实时查看预览效果
复制代码
点击复制按钮,获取生成的CSS代码
应用样式
将代码粘贴到您的CSS文件中,应用圆角效果