how to make a rectangle/square with curved edges in html?

Question

Possible Duplicates:
css/ html help in making rounded table like container
What is the best way to create rounded corners using CSS?

Curved edges? Perhaps you mean rounded corners? http://stackoverflow.com/questions/7089/what-is-the-best-way-to-create-rounded-corners-using-css — Guffa, Nov 13 '10 at 15:09

score 1 · Answer 1 · answered Nov 13 '10 at 15:11

1

answered Nov 13 '10 at 15:11

Gani Simsek

Alan Haggai Alavi · Answer 2 · 2010-11-13T15:15:11.567

0

You could use the CSS 3 property border-radius.

Vendor implementations:

Please note:

edited Nov 13 '10 at 15:15

answered Nov 13 '10 at 15:09

Alan Haggai Alavi

It's maybe worth specifying the various vendor-prefixed options, too. I'm not sure if they're still required, though... =/ – David Thomas Nov 13 '10 at 15:10

score 0 · Answer 3 · answered Nov 13 '10 at 15:09

0

You need to draw the rectangle/square on a canvas, then manually round the corners. This method only works for HTML5-compatible browsers (not IE8).

answered Nov 13 '10 at 15:09

Evan Mulawski

score 0 · Answer 4 · answered Nov 13 '10 at 15:13

0

answered Nov 13 '10 at 15:13

Lamp

4 Answers4