How to create round cornered card


#1

How can a card be made round cornered with the help of CSS?

Any sample code will be very helpful.


#2

This is a pure CSS matter.

Maybe try this, it worked for us :

.card { border-radius : 5px; } /* or any amount you want */

#3

you can add this in your div card class=“card rounded”…


#4

@anicacute09 & @hiddenplace- thank you so much, class=“card rounded” worked perfectly with border-radius


#5

glad that i help, please see more in their documentation there are lots that we miss in that area…


#6

put style tag on your div and use below css

div class="card’ style=“border-radius: 5px 5px 5px 5px;”

/div

use only one time 5px it will apply on all corner or if you want different corner radius use all 4