🍋 CSS Tools
CSS 圆角生成器
生成 CSS border-radius 圆角代码
chars
words
sentences
lines
Border Radius Options
结果
结果
关于 CSS 圆角生成器
生成 CSS border-radius 圆角代码。独立控制每个角的圆角半径。
工作原理
提供可视化编辑器来调整每个角的圆角半径。支持像素和百分比单位。实时预览效果并生成 CSS 代码。
分步教程
- 1 [
- 2 '
- 3 调
- 4 整
- 5 四
- 6 个
- 7 角
- 8 的
- 9 圆
- 10 角
- 11 半
- 12 径
- 13 '
- 14 ,
- 15
- 16 '
- 17 选
- 18 择
- 19 像
- 20 素
- 21 或
- 22 百
- 23 分
- 24 比
- 25 单
- 26 位
- 27 '
- 28 ,
- 29
- 30 '
- 31 预
- 32 览
- 33 圆
- 34 角
- 35 效
- 36 果
- 37 '
- 38 ,
- 39
- 40 '
- 41 复
- 42 制
- 43 生
- 44 成
- 45 的
- 46
- 47 C
- 48 S
- 49 S
- 50
- 51 代
- 52 码
- 53 '
- 54 ]
提示
- [
- '
- 8
- -
- 1
- 2
- p
- x
- 的
- 圆
- 角
- 适
- 合
- 卡
- 片
- 和
- 按
- 钮
- 。
- '
- ,
- '
- 5
- 0
- %
- 可
- 以
- 将
- 正
- 方
- 形
- 变
- 为
- 圆
- 形
- 。
- '
- ,
- '
- 不
- 对
- 称
- 圆
- 角
- 可
- 以
- 创
- 建
- 有
- 趣
- 的
- 形
- 状
- 效
- 果
- 。
- '
- ]