四隅をまとめて角丸にする

書式

border-radius: 角丸半径

説明

四隅をまとめて角丸にするにはborder-radiusに角丸にしたい半径を指定します。5pxとすると半径5ピクセルの角丸になります。
なお、古いブラウザで反映されない場合にはベンダープレフィックスを付けてみてください。

サンプル サンプルを実行 サンプルをダウンロード

h1 {
background-color : red;
color: white;
width: 500px;
border-radius: 10px;
}
目次に戻る