How to give rounded corners to a button in CSS? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 4

How to give rounded corners to a button in CSS?

17th Jun 2018, 12:16 PM
ALI HYDER
ALI HYDER - avatar
10 Answers
+ 4
Try in CSS: button { border-radius: 10px; }
17th Jun 2018, 12:17 PM
Calviղ
Calviղ - avatar
+ 3
Keep Adjusting the value u used till you get the desired shape.
17th Jun 2018, 12:20 PM
🔌Kenny Cyphers🌍
🔌Kenny Cyphers🌍 - avatar
+ 2
ALI HYDER if you want an absolute circle as a border, then use this syntax img{ border-radius:50%; } Note, to get a full circle, your border-radius must have a value of half its height and width, that's why you use 50%
17th Jun 2018, 12:22 PM
Dlite
Dlite - avatar
+ 2
I got it. Thank you friends for helping me.
17th Jun 2018, 12:27 PM
ALI HYDER
ALI HYDER - avatar
+ 1
Try "border radius" property and values. Using external Css or inline Css.
17th Jun 2018, 12:18 PM
🔌Kenny Cyphers🌍
🔌Kenny Cyphers🌍 - avatar
+ 1
I have tried they are not perfect round, They are partial rounded.
17th Jun 2018, 12:19 PM
ALI HYDER
ALI HYDER - avatar
+ 1
ALI HYDER 50% right?
17th Jun 2018, 12:35 PM
Dlite
Dlite - avatar
+ 1
Yes.
17th Jun 2018, 12:36 PM
ALI HYDER
ALI HYDER - avatar
+ 1
18th Jun 2018, 1:48 PM
Dlite
Dlite - avatar
0
Satnam Singh He wants a full circle, using 10px border-radius won't result in that
18th Jun 2018, 1:33 PM
Dlite
Dlite - avatar