CSS Circle
#circle {
width: 100px;
height: 100px;
background: red;
border-radius: 50%
}
Combative Cowfish
#circle {
width: 100px;
height: 100px;
background: red;
border-radius: 50%
}
div {
width: 60px;
height: 60px;
border-radius: 50%;
}
/*
note:
should width = height
*/#circle {
width: 100px;
height: 100px;
background: red;
border-radius: 50%
}<div id="circle">
</div>
#circle {
width: 100px;
height: 100px;
background: red;
border-radius: 50%
}#it is the border-radius:50; that makes the circle.
.MyCircle{
width:100px;
height:100px;
background-color:blue;
border-radius:50px;
}#circle {
width: 100px;
height: 100px;
border-radius: 50%;
}