こんにちは、今日は角丸の設定を行うことができるCSSプロパティ、border-radiusの使い方についてまとめていきます。
使い方
1から4の値を指定することができます。
1つ指定した場合は4角に、
2つ指定した場合は1つめが左上と右上に、2つめが左下と右下に、
3つ指定した場合は1つめが左上、2つめが右上と左下、3つめが右下に、
4つ指定した場合は1つめが左上、2つめが右上、3つめが右下、4つめが左下の値になります。
border-radius: 1px 2px 3px 4px;
リンク
border-radius
https://developer.mozilla.org/ja/docs/Web/CSS/border-radius