I wish to ask how do I get curved or arched corners on my boxes by using CSS.

The complete list of CSS keywords, OR, a direct link to an existing online reference please.

If you intend to support older browsers you will need to use images.

If you are just supporting modern browsers you could use CSS3.

Either way look here: http://www.devwebpro.com/25-rounded-...ques-with-css/

Yes, I am after a CSS keyword/property of which would create the curved corner.

I have just found via google, the keyword of 'border-radius', but it does not seem to work in Firefox.

Originally Posted by TRANZIT JIM

Yes, I am after a CSS keyword/property of which would create the curved corner.

I have just found via google, the keyword of 'border-radius', but it does not seem to work in Firefox.

Mhmm, in firefox you need to use "-moz-border-radius", using them together will target both types of brouser however you will still encounter some brousers that cant understand either of them since it is a CSS3 property.

You can see what brousers support different technuiqes here: http://caniuse.com/

I have just found a new link here http://www.the-art-of-web.com/css/border-radius/

The -moz one does not accept px, but does accept em.

I have done it thus for a button

border-radius:2em 1em;
-moz-border-radius:2em 1em;
-webkit-border-radius:2em 1em

That does seem to work in firefox.

The curved borders are only for looks. Non supporting browsers shall just show a square box, and that would be fine for me.

http://www.css3.info/preview/rounded-border/

Originally Posted by TRANZIT JIM

The curved borders are only for looks. Non supporting browsers shall just show a square box, and that would be fine for me.

Sounds good

Glad you found your solution. Hope I helped in some way.