border-radius は、要素に丸みを帯びたボーダーを追加する方法です。

border-radius:10px; /* すべてのコーナーで半径10pxの角丸を使用 *。

border-radius: 5px 4px 3px 2px; /* 半径は左上、右上、右下、左下の4値で、時計回りに回転します *。

border-radiusの値はpx単位でしか使えないと思わないでください。パーセントやemも使えますが、互換性はまだ高くありません。

上半円のソリッド。

方法 高さを幅の半分に設定し、左上と右上の角の半径だけを要素の高さに合わせて設定する（もっと大きくてもOKです）。

実線の円

方法 幅と高さの値を同じ値（つまり正方形）に設定し、4つの丸められた値をすべてその値の半分に設定します。

次のようなコードです。

以上、要素に丸みを帯びたボーダーを追加する方法であるborder-radiusの内容をまとめてみました、お役に立てれば幸いです、そしてスクリプトハウスをもっと応援してください〜。