CSS 圓角產生器

border-radius: 50% 50% 50% 50%;

↖ H: 50%

↗ H: 50%

↘ H: 50%

↙ H: 50%

↖ V: 50%

↗ V: 50%

↘ V: 50%

↙ V: 50%

最後更新：2026 · 免費線上工具

什麼是 CSS 圓角產生器？

免費線上CSS border-radius編輯器，8個控制點

使用方法

1
調整選項 — 使用滑桿和顏色選擇器調整樣式。
2
查看預覽 — 在即時預覽中查看結果。
3
複製程式碼 — 複製CSS或SVG程式碼到您的專案中使用。

相關工具

CSS 漸層產生器免費線上視覺化編輯器，建立CSS漸層並複製代碼

CSS 盒子陰影產生器免費線上視覺化編輯器，建立CSS box-shadow並複製代碼

常見問題

這是一個免費的線上工具，可視覺化編輯8值border-radius。

有，提供常用的樣式預設。

可以，可以直接複製產生的CSS程式碼。

不會。所有處理都在瀏覽器中完成。

可以，響應式設計在手機上也能正常運作。

本站使用 Cookie 以改善體驗和投放廣告。瞭解更多