DZone Snippets is a public source code repository. Easily build up your personal collection of code snippets, categorize them with tags / keywords, and share them with the world

Mike has posted 9 posts at DZone. View Full User Profile

CSS Rounded Corners

12.31.2009
| 2209 views |
  • submit to reddit
        // basic rounded corners for FF, Chrome, Safari not IE.
// Swiped from http://www.phpied.com/css-performance-ui-with-fewer-images/
.module {
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
}

//Rounding only the top left and right corners.  The other corners should be fairly easy. 
.hd {
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  border-radius: 8px 8px 0 0;
}