border-radiusで角丸にする/角丸を無効化する

border-radiusの使い方

ボタンやformの角丸等はこれで対応できます
逆にbootstrap等でdefaultで角丸になっているいるものも無効化できます

Example

border-radius: 0;

• 角が90度になります
• 丸みは一切ありません

border-radius: 100px;

• 丸みが出てきます

border-radius: 100px;

• 数値をあげていくとより丸みをもっていきます

その他

以下のように四角い画像を丸くすることも可能です

これにborder-radius:100px;を指定すると

丸くなってその範囲内だけ表示する

参照URL

border-radius－CSS3リファレンス