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個獨立圓角控制點和滑桿即時預覽圓角形狀，並產生可複製的border-radius CSS代碼。

使用方法

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

相關工具

CSS 漸層產生器免費線上視覺化工具，設計linear、radial、conic漸層，調整顏色停止點和角度，一鍵複製網頁背景的CSS程式碼。

CSS 盒子陰影產生器免費線上CSS box-shadow產生器，可調節偏移、模糊、擴散、顏色和內陰影inset並即時預覽陰影，產生可複製的box-shadow CSS代碼。

常見問題

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

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

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

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

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

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