角丸（border-radius）の作成

四隅の角丸の大きさを指定して、CSS の border-radius を作成します。楕円や片側だけの角丸にも対応。

登録不要・無料
ブラウザ内で処理
データ送信なし

左上

右上

右下

左下

単位

CSS

-

個別に書く場合

-

※ 50% にすると円・楕円になります。4つの値は「左上右上右下左下」の順です。

最終更新 2026-11-04

関連ツール

Web制作・SNS box-shadow の作成影のずれ・ぼかし・広がり・色・透明度を指定して、CSS の box-shadow を作成します。ふんわりした影のプリセット付き。 Web制作・SNS CSS clamp() の計算（レスポンシブな文字サイズ）画面幅に応じて文字サイズなどを滑らかに変える CSS の clamp() を、最小・最大のサイズと画面幅から計算します。 Web制作・SNS HTML の表（table タグ）の作成 Excel からコピーした表や CSV を、HTML の table タグに変換します。1行目を見出し（th）にできます。 Web制作・SNS HTML メールのプレビュー・チェック HTML メールのソースを貼り付けると、PC・スマホ幅でプレビューし、メールソフトで崩れやすい書き方を指摘します。