border-radiusとは？
外側の角を丸めます。
使い方
border-radius: 10px;
これで全ての角が等しく丸くなります。
border-radius: 10px 20px;
これで左上と右下が10px、右上と左下が20px丸くなります。
border-radius: 10px 20px 30px;
これで左上10px、右上と左下20px、右下30pxになります。
border-radius: 10px 20px 30px 40px;
これで左上10px、右上20px、右下30px、左下40pxになります。
border-radius: 10%;
%で指定することもできます。