How to make circle with HTML and CSS?

Posted on 2019 February 21 at 4:43:46 PM
I want to make a circle with pure HTML and CSS, how can I do it without using any figures and shapes? 
Rupesh Chaudhary

1 Answer on this Question

Answered on 2019 February 21 at 4:48:06 PM

You can make a circle with the following CSS:

<style>
   .circle{
        width:200px;
		height: 200px;
		border:1px solid #bbb;
		background:#ddd;
		border-radius:100%;
    }
</style>

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

If you make the border-radius of any element more than 50% of its width, then it will be circle or oval. 

Do you know the answer of this Question ?