CSS3サンプル / border-radius

■一括で指定する

■一辺づつ指定する

■画像に指定する(Google Chrome)

■IE、Operaでも対応させる

■CSS記述例
div.code {
    width:100%;
    text-align:center;
    font-size:120%;
    font-weight:bold;
    border:#afafaf 1px solid;
    margin:0 0 30px 0;
    background-color:#e4e4e4;
}

div.radius1 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

div.radius2 {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 30px;
}