导航菜单
⬜

CSS圆角生成

可视化生成border-radius
✨ 生成器 👁 34 次浏览
← 返回工具箱

⬜ CSS圆角生成

可视化生成border-radius

如何使用CSS圆角生成

  • 拖动四个角的滑块,或开启分别设置每个角
  • 可设水平和垂直半径做不规则圆角
  • 盒子实时预览
  • 复制 border-radius 代码

CSS圆角生成功能说明

  • 可视化调四角圆角,支持椭圆角(两半径)
  • 可单独设置每个角
  • 复制即用的 CSS

注意事项

  • 八个值的写法对应四角的水平、垂直半径,注意顺序
  • 圆角超过宽高一半会自动收成圆形或胶囊形
  • 现代浏览器无需前缀,极老环境才需要 -webkit-