To make a circle in CSS the first thing that we do is set up the div. We will give our div and id of circle.
<div id="circle"></div>
Next we will enter or CSS commands to make it a circle. We will color our circle yellow! :-). They key factor here is that we are using a border-radius in the CSS commands. It is just like the square where we give it all even sides but then we make the border radius 100% in order to get the circle effect.
<style>
#circle{
width:200px;
height:200px;
border-radius:100%;
background:yellow;
}
</style>
