CSS Rounded Corners 'Roundup' | Smiley Cat Web Design
Popularity Report
![]() |
|||
![]() |
|||
![]() |
|||
![]() |
|||
![]() |
|||
![]() |
URL Tag Cloud
Groups (2)
-
-
Web Design & Coding
24 members,30 bookmarks
Web Design & Coding brings together the tools and resources you want to look at for designing trends, tutorials and webmaster blogs.
Bookmark History
Saved by 29 people (9 private), first by anonymouse user on 2007-03-28
- Kerstinp on 2008-06-15 - Tags html , css , howto , Webdesign
- Makstak on 2008-05-02 - Tags no_tag
- Deburca on 2008-04-26 - Tags css , webdesign , web2.0
- Davidguyon on 2008-04-26 - Tags css , corners , techniques , resources
- Stephencarr on 2008-04-22 - Tags css , google-bookmarks
Public Sticky notes
Note: This post is continually updated as I come across new techniques.
This collection of techniques to create boxes with rounded corners using CSS has become quite popular. The problem now is there are so many choices it's hard to know which one to choose.
To that end I've provided some more information about each method in order to help people choose which best fits their needs.
Some of these techniques use CSS and one or more background images, some use CSS, JavaScript and no images, and a couple use only CSS — no images or JavaScript required (more markup is needed though).
Not Sure Which One to Use?
There are so many different techniques now, it really depends on your individual requirements and preferences; particularly whether you want to use a JavaScript-based technique or not.
Try out a few methods and see if there's one that fits.
Highlighted by missiontobe


Public Comment
on 2007-06-20 by martin-dkw
on 2008-02-20 by eee_rosso