Border Radius 生成器 - 視覺化設定 CSS 圓角

使用方法

1. 使用滑桿設定每個角的半徑
2. 切換單位（px/%/em/rem）
3. 連結圖示同步所有角

常見問題

可以個別設定每個角嗎？

可以。可以個別調整左上、右上、右下、左下各角。

支援橢圓形 border-radius 嗎？

支援。水平和垂直方向可以分別設定。

生成的 CSS 可以直接使用嗎？

可以。複製程式碼直接貼到 CSS 檔案中使用。

資料會傳送至伺服器嗎？

所有處理均在瀏覽器中完成，不會將資料傳送至伺服器。

border-radius 可以用百分比指定嗎？

是的，支援 px 和百分比兩種值。設定 50% 可產生圓形，並可在即時預覽中確認效果。

相關工具