Get a free trial // Grow your CSS skills // Land your dream job

rounded corners?

  • # June 3, 2008 at 1:17 pm

    hey guys,

    theres a lot of css rounded corner methods out there, but which do you prefer? i’m looking for simplicity
    what are pros/cons of the ones you use?

    # June 3, 2008 at 6:49 pm

    I have three techniques I pick from when I need to employ rounded corners:

    1) Totally fake it.
    2) Put relative positioning on the element, and put four absolutely positioned div’s inside of it each set to each of the corners that have their respective rounded corner in it.
    3) Use a jQuery plugin (there are several available, just Google around)

    You can use use jQuery for #2 as well, if you want a more home-grown solution. I talk about doing that in this article a bit.

    # June 4, 2008 at 4:31 am

    Here is a nice collection with techniques how you can do it:

    Personally I really like the cropping corners technique

    # June 4, 2008 at 5:43 am

    CSS 3.0 has now given us the border-radius property – it looks rubbish though lol. But a sign of good things to come? :D

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed