CSS圆角生成器
千寻网 CSS 圆角生成器,可视化调整 border-radius 四个角的圆角半径,支持百分比/像素单位、单角/全角独立调节、实时预览、一键复制 CSS 代码。
20px
快速预设
border-radius
CSS 代码
使用说明
- border-radius 用于设置元素的圆角,可接受
px或%单位。 - 统一调整:四个角使用同一个圆角值,最简单。
- 单角调整:四个角独立设置,可实现不对称圆角(如气泡、标签)。
- 百分比圆角:
50%变成圆形/椭圆。 - 写法:
border-radius: TL TR BR BL;(从左上开始顺时针)。 - 快捷预设:一键应用按钮、卡片、气泡、胶囊、圆形等常用形状。