How to create: rounded images

Learn how to create rounded images using CSS.

Avatar Avatar

How to create rounded images

Step 1 - Add HTML:

<img src="img_avatar.png" alt="Avatar">

Step 2 - Add CSS:

Use border-radius The attribute adds rounded corners to images. 50% will make the image circular:

img {
  border-radius: 50%;
}

Try it yourself

Related pages

Tutorial:CSS image