CSS Border Radiusジェネレーター - ビジュアル角丸ツール

各角を個別に制御してCSS border-radiusを生成し、ライブプレビューで確認します

CSSツール

Tool

Link All CornersTop Left (16px)Top Right (16px)Bottom Right (16px)Bottom Left (16px)

CSS

border-radius: 16px;

使い方

CSSのborder-radiusプロパティは、要素の外側の枠線の角を丸くします。すべての角に単一のradiusを指定するか、各角に個別の値を指定できます。

はい。このツールでは、左上、右上、右下、左下を個別に制御できます。