画像を使わずにCSSだけで角を丸くした例CSSだけで簡単に角丸が作れるborder-radiusプロパティを使って角を丸くした表示例角丸の半径は、ピクセル数や割合などで指定可能点線で引かれた枠線でも、border-radiusプロパティを使えばその線種のままで角丸にできる背景色で塗りつぶされたボックスでも、border-radiusプロパティを使えば角を丸くできるimg要素で掲載した画像の四隅も、border-radiusプロパティで角丸にできる四隅(左上→右上→右下→左下)の角を個別の半径で丸くすることもできるボックスの上側(左上角+右上角)だけを角丸にしてタブを作ったり、ボックスの下側(左下角+右下角)だけを角丸にしてタブを作ったりできるボックスの対角だけを丸くするようなデザインも簡単に作れる角丸ボタンを作成した表示例連結ボタンの端だけを角丸にすることもできるこの写真の記事を読む※記事内容は執筆時点のものです。最新の内容をご確認ください。※OSやアプリ、ソフトのバージョンによっては画面表示、操作方法が異なる可能性があります。