546 B
546 B
title |
---|
Make Circular Images with a border-radius |
Make Circular Images with a border-radius
We need to give our cat photo a border-radius
of 50%
.
Solution
In class smaller-image
add a border-radius
of 50%
:
.smaller-image {
width: 100px;
border-radius: 50%;
}
This class already assigned to our img
element and making it perfectly circular.