EZ工具箱

在线CSS圆角生成器工具

为网页设计师和前端开发者提供的CSS圆角生成器工具,支持多种自定义选项,包括背景类型、颜色、透明度、渐变角度等,帮助您快速创建漂亮的圆角效果。

边框半径生成器工具功能特点

  • 在线CSS圆角生成器
  • 实时CSS代码生成

如何使用边框半径生成器工具

1

选择背景类型

背景类型下拉项选择背景类型,可以选择纯色背景或渐变背景。

2

调整圆角半径

拖动四个角的圆角半径,可以实时预览效果,调整到满意为止。

3

设置背景颜色

纯色背景下,可以设置背景颜色和透明度。渐变背景下,可以设置渐变颜色和角度。

1
45°
border-radius: 100% 0% 62% 38% / 60% 58% 42% 40%
background: linear-gradient(45deg, #8b5cf6, #ec4899)

常见问题解答

border-radius的值是什么意思?

border-radius的值是一个CSS属性,用于设置元素的圆角效果。它的值由两个部分组成,分别是水平半径和垂直半径。水平半径和垂直半径的值可以是一个百分比,也可以是一个具体的像素值。