Dhairya Shah
Dhairya Shah's Blog

Dhairya Shah's Blog

Circle in CSS

Circle in CSS

Dhairya Shah's photo
Dhairya Shah
ยทSep 12, 2022ยท

1 min read

Subscribe to my newsletter and never miss my upcoming articles

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