Learn Flutter Framework by Google to Build Beautiful Apps. Learn App Development on FlutterCampus

Ask Question or Answer

You can ask your question or answer the question you know.

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 ?

Join with us on social media to see our updates on your feed.