How TO - Rounded Images
Learn how to create rounded and circular images with CSS.


How To Create Rounded Images
Step 1) Add HTML:
Example
<img src="img_avatar.png" alt="Avatar">
Step 2) Add CSS:
Use the border-radius
property to add rounded corners to an image. 50% will make the image circular:
Go to our CSS Images Tutorial to learn more about how to style images.