Create a simple CSS circle

Creating a CSS circle is an easy to learn job for beginners. All the concept is that use same width and height in css and take the border-radius half of the width/height + border-width.

HTML part

<div id="circle"></div>

CSS part

#circle{
        width:100px;
        height:100px;
        background-color:#fa0;
        border-radius:60px;
        border-width:10px;
        border-style:solid;
        border-color:#056;
        }