邊界半徑生成器

一個 border-radius CSS 產生器工具,用於快速生成 border-radius CSS 聲明。

Preview

邊界半徑

定製我

CSS 輸出

邊框半徑:10px;

半徑控制

單個角

10px
10px
10px
10px

均勻半徑

10px

快速形狀

Units

Presets

Square

略微圓潤

Rounded

Pill

Circle

頂部圓角

底部圓角

左圓角

如何使用

基本控制

  • 使用滑塊調整各個圓角半徑
  • 連接半徑以同時調整所有角
  • 使用常用預設的Quick Shapes 按鈕
  • Choose between pixels (px), percentages (%), and EM (em) units

高級功能

  • 保存和載入預設,以便快速存取您喜愛的形狀
  • Click Random Radius尋找靈感
  • 複製生成的 CSS 代碼並將其粘貼到您的專案中
  • 切換深色模式,享受舒適的深夜設計

Related Tools