要素の角を丸くして角丸にします。
CSS3より追加された属性です。 これは要素の4隅を半径10ピクセルの曲線で丸くする記述です。

また、border-radiusは4隅の角にそれぞれ別の大きさの角丸を設定することができます。 値を4つ設定した場合はそれぞれ「左上」「右上」「右下」「左下」に設定されます。
値を3つ設定した場合はそれぞれ「左上」「右上・左下」「右下」に設定されます。
値を2つ設定した場合はそれぞれ「左上・右下」「右上・左下」に設定されます。
値が1つの場合は4隅同じ大きさの角丸になります。

このほか、パラメータをスラッシュで区切って指定することで、角丸の水平半径と垂直半径を別々に設定するといった細かな設定もできます。 これは要素の4隅の水平半径を30ピクセル、垂直半径を10ピクセルの曲線で丸くする記述です。
スラッシュの左側が水平半径、右側が垂直半径を表しています。

もちろん4隅の水平半径・垂直半径を個別に設定することもできます。