免费使用，无需账户
CSS 边界半径生成器
独立塑造每个角的形状，包括椭圆形水平和垂直半径。预览结果并复制紧凑的 CSS。
如何生成 CSS border-radius 值？
选择像素或百分比，调整每个角的水平和垂直半径，然后复制生成的 border-radius 声明。 CSS 可以按比例标准化重叠半径以适合元素。
常见问题
如何生成 CSS border-radius 值？
选择像素或百分比，调整每个角的水平和垂直半径，然后复制生成的 border-radius 声明。 CSS 可以按比例标准化重叠半径以适合元素。
我的 CSS 或设计已上传吗？
否。预览和 CSS 在此浏览器选项卡中生成。没有上传、帐户、API 调用或自动保存。
每个角可以有不同的半径吗？
是的。为左上角、右上角、右下角和左下角设置单独的水平和垂直值。
border-radius 中的斜线是什么意思？
它将水平半径与垂直半径分开，创建椭圆角。如果每个角使用相同的水平和垂直值，则生成器将省略斜杠。
为什么预览看起来比实际值小？
CSS 按比例标准化在边缘处重叠的半径。这是标准的浏览器行为，也适用于此预览版。