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/
Re: ROUNDED BUTTONS USiNG CSS
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