CSS - Adding rounded corners – border-radius


/ Published in: CSS
Save to your folder(s)



Copy this code and paste it in your HTML
  1. #Bottom_Right {
  2.    height: 65px;
  3.    width:160px;
  4.    -moz-border-radius-bottomright: 50px;
  5.    border-bottom-right-radius: 50px;
  6. }
  7.  
  8. #Bottom_Left {
  9.    height: 65px;
  10.    width:160px;
  11.    -moz-border-radius-bottomleft: 50px;
  12.    border-bottom-left-radius: 50px;
  13. }
  14.  
  15. #Top_Right {
  16.    height: 65px;
  17.    width:160px;
  18.    -moz-border-radius-topright: 50px;
  19.    border-top-right-radius: 50px;
  20. }
  21.  
  22. #Top_Left {
  23.    height: 65px;
  24.    width:160px;
  25.    -moz-border-radius-topleft: 50px;
  26.    border-top-left-radius: 50px;
  27. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.