Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Rounded Corners [duplicate]

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.

like image 385
Martin York Avatar asked Nov 05 '22 21:11

Martin York


1 Answers

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!

like image 52
ryanday Avatar answered Nov 15 '22 09:11

ryanday