Skip to main content

Command Palette

Search for a command to run...

Circle in CSS

Published
•1 min read
Circle in CSS
D

I am 17 years old and a young passionate and self-taught frontend web developer and have an intention to become a successful developer. I usually write about JavaScript and Web Development and share some tips in the articles.

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!

56 views

More from this blog

D

Dhairya Shah

119 posts