Skip to main content

CSS Rounded Corners 'Roundup' | Smiley Cat Web Design

Popularity Report

Total Popularity Score: 0

Loading...
Loading...
Loading...
Loading...
Loading...
Loading...

Rank

Groups (2)

  • city-college

    City College

    31 members,19 bookmarks

    no description

  • wedesign

    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


Public Comment

on 2007-06-20 by martin-dkw

This is a prety cool overview over techniques to make rounded corners in CSS. Like it!

on 2008-02-20 by eee_rosso

Tutorial vari su come fare gli angoli arrotondati con i css

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