Skip to main content
Faisca1978
Known Participant
May 23, 2008
Question

Round Corners in CSS

  • May 23, 2008
  • 1 reply
  • 641 views
Hi,

I was wondering if anyone knew how to create round corners in CSS w/o adding an image to the top/bottom - left/right corners.
Is there a simplified way of doing it?

Thanks,

N.
This topic has been closed for replies.

1 reply

Inspiring
May 23, 2008
Faisca1978 wrote:
> Hi,
>
> I was wondering if anyone knew how to create round corners in CSS w/o adding an image to the top/bottom - left/right corners.
> Is there a simplified way of doing it?

Theoretically when browsers support all of CSS3 you might be able to get a pure CSS solution that doesn't involve extra markup, but that's not anytime soon, so for now you'll need to pick lots of extra markup to do it only with CSS and borders/background colors but they all seem to be blocky rounded, not really rounded, or a bit of extra markup and images. Plus you can get away with fewer images if you don't have to have all for corners rounded.

I'm sure there are more pages out there, but take a look at these pages for a some rounded corner techniques:
http://www.cssjuice.com/25-rounded-corners-techniques-with-css/
http://www.stumbleupon.com/tag/corners/

They mostly use images and some use only one image but use judicious positioning, and some may set it up using JavaScript that auto-adds in the extra markup and images for you.

--
Danilo Celic
| Extending Knowledge Daily : http://CommunityMX.com/
| Adobe Community Expert