左上を角丸にする

書式

border-top-left-radius: 角丸半径

説明

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

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

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