border-radiusプロパティは、ボックスの４つのコーナーの角丸をまとめて指定する際に使用します。それぞれの角丸コーナーは４分の１楕円になりますが、楕円の形状は、下図のように水平方向と垂直方向の２つの半径の組み合わせで決定されます。
border-radiusプロパティで角丸を指定する際には、それぞれのコーナーの楕円の形状を水平方向と垂直方向の半径のセットで表します。指定するのは、ボーダーの外側の輪郭です。
水平方向と垂直方向の半径のセットは、スラッシュ（ / ）で区切ります。スラッシュの前後に水平方向と垂直方向の半径の値を、左上・右上・右下・左下の順で指定します。
border-radius: 100px 25px 50px 50px / 50px 25px 50px 25px;
