Are rounded corners possible?

I found a css3 tutorial on rounded corners. I can only get it to work in Firefox. I know nothing of css3.

Do I have to declare something at the top of my page?

What is the easiest way to round corners so it works in the popular browsers?

border-radius: 5px;
-moz-border-radius: 5px;


The one advantage to using images is that you an have INSET ( concave) corners.

I seem to have figured it out, but according to the previous post down the list a ways, IE won’t work period.

I think maybe all three of these are required.

border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; has some useful notes on its usage -

Cool links Ralph! I almost want to go out and build another site just to use it. I tested each. The PIE one seems to be the better of the two. It enables multiple backgrounds in IE too! Currently, what’s browser support like with multiple backgrounds in the other browsers? Anybody know?

Nice! I hope CSS3 will spread fast, I still use he good old images method

or you could create one rounded corner image, and rotate it,color it via css…OR the google include header works i think

<meta http-equiv=“X-UA-Compatible” content=“chrome=1”>

The Webkit line support it at this stage, and I think perhaps the latest version of Firefox does too.

Yep, there’s one more that I know of:

-khtml-border-radius: 5px;

…for use on Konqueror (if you care).

There are some JS scripts that force rounded corners to work with IE too: