Glossary
HTML
CSS
JavaScript
Python

CSS

Rounding an image in CSS

To make an image a circle, we set border-radius to half the width of an image. It only works if the image is a square though!

 <head>
  <link rel="stylesheet" href="style.css">
 </head>
 <body>
  <img src="https://mimo.app/r/lighthouse.png">
 </body>

img {
 height: 100px;
 width: 100px;
 border-radius: 50px;
 border: solid 5px;
}
Learn to Code in Python for Free
Start learning now
To advance beyond this tutorial and learn Python by doing, try the interactive experience of Mimo. Whether you're starting from scratch or brushing up your coding skills, Mimo helps you take your coding journey above and beyond.

Sign up or download Mimo from the App Store or Google Play to enhance your programming skills and prepare for a career in tech.

You can code, too.

© 2023 Mimo GmbH