Sep 12th, 2022

Circle in CSS

Author Picture

Dhairya Shah

Software Engineer

In this article, I will show you a very simple way to create a circle in CSS.

Inside HTML,

<div class="circle"></div>

It’s time to make it circular,

  background-color: #eee;
  width: 200px;
  height: 200px;
  border-radius: 50%;

You have successfully created a circle 🟣

If you’re interested checking the live version:

See the Pen by Dhairya Shah (@dhairyathedev) on CodePen.

Thanks for reading

Follow me on Twitter

Thanks for reading!