border-radius

border-radius ジェネレーター

左上・右上・右下・左下の角丸を px で個別に指定してプレビュー。4つとも同じ値なら1つにまとめて出力します。大きな値でカプセル型や円も作れます。

使い方:四隅の角丸を px で指定すると、プレビューとCSSが出ます。

仕組み・詳しく
指定の順番は 左上・右上・右下・左下(時計回り)。4つとも同じ値なら1つにまとめて出力します。大きな値(例 999px)にすると、カプセル型やまん丸になります。

設定(各角 px)

px
px
px
px

プレビュー

—
広告