左下を角丸にする

書式

border-bottom-right-radius: 角丸半径

説明

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

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

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