CSSで角を丸くするborder-radiusの使い方CSSで角を丸くするborder-radiusの使い方CSS3のborder-radiusプロパティを使用すると、今までは画像でしか表現できなかった丸角が簡単に作れるようになりました。今回はこの「border-radiusプロパティ」の仕様と使い方を紹介します。border-radiusの使い方border-radiusの仕様と使い方border-radiusを使ったサンプルborder-radiusの仕様と使い方border-radiusの仕様として以下のように指定を行うと、半径xの円に従い丸みをつけます。border-radius:半径;このように角部分が指定した半径の円に沿って丸くなるイメージです。実際にやってみるとこのようになります。border-radiusの指定方法border-radiusは大きく分けて3つの指定方法があります。半径y;楕円のしてはこのように、x軸とy軸の長さをそれぞれ指定します。実際にやってみるとこのようになります。4つ角の指定方法を合わせて、このように歪な形の角丸のボックスを作成することの出来ます。この場合は、以下のような指定となります。y:100pxborder-radiusを使ったサンプルborder-radiusを使ったサンプルをいくつか紹介します。コメントをキャンセルメールアドレスが公開されることはありません。MyThemeShop。