円弧をCSSのborder-radiusで表示する円弧のデザインにした要素を作成したかったのでCSSのborder-radiusを使用して表現してみました。 CSSで円弧にした要素を作成してやりたかったことは、以下の画像のように背景画像を組み合わせて、コンテンツ全体をカーブしたデザインにすることです。 円弧にするCSSのプロパティ 円弧を表示するCSSのプロパティは円や角丸を作ることができるborder-radiusプロパティを使用します。 border-radiusは一括指定をするCSSプロパティなので、たとえば、ボックスの上辺だけを円弧にして表示するなら以下のCSSのようにborder-radiusの値を記述します。
