css で border の角を丸くする

border-radius: 20px;

    -webkit-border-top-left-radius: 10px;  
    -webkit-border-top-right-radius: 20px;  
    -webkit-border-bottom-right-radius: 30px;  
    -webkit-border-bottom-left-radius: 40px;  
    -moz-border-radius-topleft: 10px;  
    -moz-border-radius-topright: 20px;  
    -moz-border-radius-bottomright: 30px;  
    -moz-border-radius-bottomleft: 40px;