Dhairya Shah
Dhairya Shah's Blog

Follow

Dhairya Shah's Blog

Follow
Circle in CSS

Circle in CSS

Dhairya Shah's photo
Dhairya Shah
·Sep 12, 2022·

1 min read

Play this article

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,

.circle{
  background-color: #eee;
  width: 200px;
  height: 200px;
  border-radius: 50%;
}

You have successfully created a circle 🟣

If you're interested checking the live version:

Thanks for reading

Follow me on Twitter

Thanks for reading!

 
Share this