no-image

ボーダー

border-radius/角丸の指定

角丸の指定

結果

border-radius: 5px;

border-radius: 15px 10px 0px 0px;

解説

border-radiusは、角丸をCSSレベルで指定できる便利な機能です。

使い方はborderと似ており、各角の丸の半径が同一であればひとつ書くだけで4つの角に適用されます。

各角の丸みを変えたい場合は「左上、右上、右下、左下」の順で4つ指定できます。