角を丸くする border-radius - CSS

角を丸くするにはborder-radiusプロパティを使う
Emmentのショーットカットはbdrs(border-radius)

border-radius: 半径;

指定する値は半径となる

また、４つの角それぞれで指定することもできる

値	説明	Emment
border-radius	すべての角、それぞれ指定	bdrs
border-top-left-radius	左上	bdtlrs
border-top-right-radius	右上	bdtrrs
border-bottom-right-radius	右下	bdbrrs
border-bottom-left-radius	左下	bdblrs

border-radiusで４つの角を指定する場合の順番は
border-radius: 左上 右上 右下 左下;となる

See the Pen 角を丸くする by tamago (@tamago324) on CodePen.

参考文献

• Progate

いちばんよくわかるHTML5&CSS3デザインきちんと入門 (Design&IDEA)