書式
border-top-right-radius: 角丸半径
説明
右上を角丸にするにはborder-top-right-radiusに角丸にしたい半径を指定します。5pxとすると半径5ピクセルの角丸になります。
なお、古いブラウザで反映されない場合にはベンダープレフィックスを付けてみてください。また、古いFirefoxの場合は-moz-border-radius-toprightのように指定してみてください。
h1 {
background-color : red;
color: white;
width: 500px;
border-top-right-radius: 10px;
}
目次に戻る