img {
border-radius: 50%;
height:200px;
width:200px;
}
/*image size, (height & width) both must be same.
if they are not same then no circle.
*//* Set rounded corners with border-radius property */
.class {
border-radius: 4px;
}
.circle {
border-radius: 50%;
}div {
outline: auto;
outline-style: round;
}img.rounded-corners {
border-radius: 30px;
}
img {
border-radius: 50%;
height:100px;
width:100px;
}
/* change image height and width to see your image preview.
for me all of the different images dimensions are rounded with this css*/
/*Note :Height and width should be of same size*/