CSS 要素に枠線（ボーダー）の角に丸みをつける方法
CSSで要素に枠線（ボーダー）の角に丸みをつける方法を紹介します。
以下のように、border-radius: 円の半径;の形式で指定します。
<div style="border: solid 10px blue; border-radius: 3px;">
テキスト
</div>
<div style="border: solid 10px blue; border-radius: 10px;">
テキスト２
</div>border-上下左右-radiusで上下左右のうち、指定した部分のみを指定できます。
上下左右の部分にはtop-left(左上), bottom-left（左下）, top-right（右上）, bottom-right（右下）のいづれかを指定します。
<div style="border: solid 10px blue; border-top-left-radius: 10px;">
テキスト
</div>
<div style="border: solid 10px blue; border-bottom-right-radius: 10px;">
テキスト２
</div>