免費使用，無需帳戶
CSS 邊界半徑產生器
獨立塑造每個角落的形狀，包括橢圓形水平和垂直半徑。預覽結果並複製緊湊的 CSS。
如何產生 CSS border-radius 值？
選擇像素或百分比，調整每個角落的水平和垂直半徑，然後複製產生的 border-radius 聲明。 CSS 可以按比例標準化重疊半徑以適合元素。
常見問題
如何產生 CSS border-radius 值？
選擇像素或百分比，調整每個角落的水平和垂直半徑，然後複製產生的 border-radius 聲明。 CSS 可以按比例標準化重疊半徑以適合元素。
我的 CSS 或設計已上傳嗎？
否。預覽和 CSS 在此瀏覽器標籤中產生。沒有上傳、帳戶、API 呼叫或自動儲存。
每個角落可以有不同的半徑嗎？
是的。為左上角、右上角、右下角和左下角設定單獨的水平和垂直值。
border-radius 中的斜線是什麼意思？
它將水平半徑與垂直半徑分開，並建立橢圓角。如果每個角落使用相同的水平和垂直值，則生成器將省略斜線。
為什麼預覽看起來比實際值小？
CSS 按比例標準化在邊緣處重疊的半徑。這是標準的瀏覽器行為，也適用於此預覽版。