rounded button corner

Question

Hi All, I have a button which should have round corner. CAN ANYONE HELP.

Sharad Rathore · Answer

hi, check this code: #roundedbutton { background-color: #33FF00; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 5px solid #009900; padding: 5px; } roundedbutton "> Click Regards, sharad kumar rathore

Iftikar Hussain · Answer

refer this link http://jsfiddle.net/V9MBu/ Regards, Iftikar

Vignesh Kumar · Answer

Hi Ifti, I am not able to sort this out.. can you help on this..

Iftikar Hussain · Answer

another way you can do this by using jquery Refer the below link http://jquery.malsup.com/corner/ Regards, Iftikar

Vignesh Kumar · Answer

Hi Ifti, Do you have any instance of this by chance.

Iftikar Hussain · Answer

It will be not possible using css 2. You can do this by using only Image. Regards, Iftika r

Sanjeeb Lenka · Answer

check this code: .BtnStyle { border: thin ridge #FF0000; background-color: #C0C0C0; font-family: verdana; font-size: 8pt; font-weight: bold; color: #FF0000; border-radius: 15px; } if it helps you mark it as answered

Vignesh Kumar · Answer

Hi Ifti, I'm looking for css 2

Iftikar Hussain · Answer

Hi, Do you want by using CSS? If yes then you can do by this .button { border-radius: 2px 2px 2px 2px; } Note: it will work in IE9 and higher, Chrome, Firefox Regards, Iftikar

rounded button corner

Answers (9)