Rounded corners
I spent some time exploring different ways of creating a box with rounded corners. After checking out how other people have attacked the problem I came up with a slightly different approach. I only use four extra divs, one for each corner. As far as I can tell this doesn’t break in any of the browsers I checked in.
To get a smoother look to the corners and still be able to change the background colour of the box by just editing the stylesheet I used transparent PNG images. Of course that doesn’t work too well in IE/Win, so I use a little bit of CSS hacking to send GIFs to those browsers.
- Previous post: Using the right tool for the right job
- Next post: Dropshadows
Information, sponsorship, and externals
About the author
Roger Johansson is a Swedish web professional specialising in web standards, accessibility, and usability. More about me and this site.
Latest articles
- Validation statistics from Nikita the Spider Comments off
- An analysis of the sites crawled by the bulk validation tool Nikita the Spider during March 2008.
- Authentic Jobs API and Affiliates program Comments off
- The Authentic Jobs job listing service now has a public API and an affiliate program.
- What does Acid3 mean to you and me? Comments off
- Opera and Apple have announced that their web browsers pass the Acid3 Browser Test, but how will that help web designers and developers?
- Designing Web Navigation (Book review) Comments off
- Learn the fundamentals of navigation design and design better navigation systems for large and small sites as well as for web based applications.
- DOMAssistant bundle for TextMate Comments off
- To save keystrokes and speed up development I have created a DOMAssistant bundle for TextMate.
- First impressions of Internet Explorer 8 Beta 1 Comments off
- My impressions after trying out Internet Explorer 8 Beta 1 for a couple of days.









Sorry, comments are closed for this post.