⭕ CSS Border Radius Generator

📐 工作原理與說明

將各角半徑（支援 px 與百分比）拼裝為 CSS border-radius 宣告，即時預覽並複製；用於圓角容器、膠囊按鈕與卡片。

Tweak the radius visually and generate the matching CSS border-radius, supporting per-corner values and percentages.

簡單模式

8點控制

圓角大小 20px

四角聯動

CSS 程式碼

📚 深度解析：CSS 圓角生成器

生成膠囊圓角

輸入：四角 999px。處理：輸出 border-radius。輸出：border-radius:999px; 預覽膠囊形。

999px 是圓角嗎？: 足夠大時即膠囊/橢圓，是常見寫法。結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。
生成的程式碼/圖片能直接用嗎？: 可直接複製使用，建議粘到專案後在瀏覽器實測微調；本工具只生成不託管。
會儲存或上傳我的內容嗎？: 結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。

⚠️ 使用說明與注意事項