<p>In this article, I will show you a very simple way to create a circle in CSS.</p>
<p>Inside HTML,</p>
<pre><code class="lang-html"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"circle"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
</code></pre>
<p>It's time to make it circular,</p>
<pre><code class="lang-css"><span class="hljs-selector-class">.circle</span>{
  <span class="hljs-attribute">background-color</span>: <span class="hljs-number">#eee</span>;
  <span class="hljs-attribute">width</span>: <span class="hljs-number">200px</span>;
  <span class="hljs-attribute">height</span>: <span class="hljs-number">200px</span>;
  <span class="hljs-attribute">border-radius</span>: <span class="hljs-number">50%</span>;
}
</code></pre>
<p>You have successfully created a circle 🟣</p>
<p>If you're interested checking the live version:</p>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://codepen.io/codewithsnowbit/pen/oNdLrEd">https://codepen.io/codewithsnowbit/pen/oNdLrEd</a></div>
<h3 id="heading-thanks-for-reading">Thanks for reading</h3>
<p>Follow me on <a target="_blank" href="/twitter">Twitter</a></p>
<p>Thanks for reading!</p>


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

Inside HTML,
```html
<div class="circle"></div>
```
It's time to make it circular,
```css
.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:

%[https://codepen.io/codewithsnowbit/pen/oNdLrEd]

### Thanks for reading

Follow me on [Twitter](/twitter)

Thanks for reading!

Circle in CSS

I am 16 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.

Dhairya Shah's Blog

Dhairya Shah's Blog

Circle in CSS

Thanks for reading