Thursday 15 September 2011

CSS - Border-Radius

#my_CSS3_id {
    text-align:center;
    margin:0 auto;
    height:50px;
    width:580px;
  border: 5px solid #c4c8cc;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}

#my_CSS3_id2 {
    text-align:center;
    margin:20px auto;
    height:50px;
    width:580px;
border: 5px solid #c4c8cc;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 15px;
  
  
   -khtml-border-radius-topleft:15px;
   -khtml-border-radius--topright:15px;
   -khtml-border-radius-bottomright: 0px;
   -khtml-border-radius-bottomleft: 0px;
      
    border-radius-topright-topleft:15px;
    border-radius-topright-topright:15px;
    border-radius-topright-bottomright: 0px;
    border-radius-topright-bottomleft: 0px;
}

No comments:

Post a Comment