CSS Rounded Corners


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



Copy this code and paste it in your HTML
  1. /* W3C Specification */
  2. foo { border-radius: bar}
  3. foo { border-top-left-radius: bar}
  4. foo { border-top-right-radius: bar}
  5. foo { border-bottom-right-radius: bar}
  6. foo { border-bottom-left-radius: bar}
  7.  
  8. /* Mozilla Implementation */
  9. foo { -moz-border-radius: bar}
  10. foo { -moz-border-radius-topleft: bar}
  11. foo { -moz-border-radius-topright: bar}
  12. foo { -moz-border-radius-bottomright: bar}
  13. foo { -moz-border-radius-bottomleft: bar}
  14.  
  15. /* Webkit Implementation */
  16. foo { -webkit-border-radius: bar}
  17. foo { -webkit-border-radius-topleft: bar}
  18. foo { -webkit-border-radius-topright: bar}
  19. foo { -webkit-border-radius-bottomright: bar}
  20. foo { -webkit-border-radius-bottomleft: bar}

URL: http://www.css3.info/preview/rounded-border/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.