Create Circle in web page by CSS

Hi All,
     This post is regarding CSS i.e how to show a CIRCLE in a web page via css .

Firstly make a .css file and add the following code into into it :

.circle {

  border-radius: 50%;

  background-color:Black;

  width: 200px;

  height: 200px;

}

Now place a

on your page and add a class property into it as :

<div class="circle">

   Circle

div>

Now run the page and you will see the circle like below :

Thanks,
Nitin Sharma