ROUNDED BUTTONS USiNG CSS

I am trying to m ake rounded buttons using CSS. I serached a lot on the internet but all the solutions that I found is using the Images. (See URLs Mentioned Below) . is it possible to create rounded button using CSS without using any image.


http://www.webtoolkit.info/css-round...ons-links.html
http://www.onextrapixel.com/2009/04/...-link-buttons/

Yes its possible BUT only for browsers that support CSS3 (FireFox, Chrome,IE9 Beta and Safari)

for FireFox

Code:

---

.MyButton{border:1px solid black;-moz-border-radius:5px 5px 5px 5px;}

---

for Chrome, Safari:

Code:

---

.MyButton{border:1px solid black;-webkit-border-radius:5px 5px 5px 5px;}

---

there is also really neat jQuery Plugin that create rounded corners without images i never used it but it looks good"

http://www.methvin.com/jquery/jq-corner-demo.html

otherwise you'll have to use image