Rounded corners

Question

Duplicate:
What is the best way to create rounded corners
How to make cross-browser, W3C valid, semantic, non-javascript ROUND angle?

What methods (which comply with the standards) exist for placing rounded corners on display elements on an HTML page?

I put HTML CSS and javascript in the list of tags below because I find them pretty ubiquitous, but if you have a technique that uses other methods that can be used and (relatively) reliable in standard browsers that also work, but please note which browsers fail.

Answer 1

CSS3 has a border-radius tag and a box-shadow tag, but they are only implemented in Mozilla and Safari. You can twist the corners and create the shadow very easily using this.

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

Another, then I create images and upload them using CSS and DIV tags. This link is what I used to get started.

http://www.cssjuice.com/25-rounded-corners-techniques-with-css/

Good luck

Answer 2

The company I previously worked with had a huge amount of graphic resources, which were just rounded edges to do this. Clunky for management, but it worked well and looked very good.

Answer 3

In old school, you can use an HTML 3x3 table with images: fixed-size images for corners, extensible images at the edges, and your content in the middle. See this page for a better description.

Edit: here is a page describing how to do with CSS without images.