Duplicate:
What is the best way to create rounded corners
How to make a cross browser, W3C valid, semantic, non-javascript ROUND corner?
What techniques (That are standards compliant) are there for putting rounded corners on display elements in an HTML page?
I put HTML CSS and javascript on the tag list below because I believe they are fairly ubiquitous, but if you have a technique that uses other techniques that may be used and are (relatively) reliable across standard browsers that works as well, but please put a note on what browsers fail.
CSS3 has a border-radius tag and box-shadow tag, but they are only implemented in Mozilla and Safari I think. You can round corners and create shadow very easily using that.
http://www.css3.info/preview/rounded-border/
Other then that, what I do is create images and load those 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!
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With