xxxxxxxxxx
.circle {
background-color:#fff;
border:1px solid red;
height:100px;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
width:100px;
}
<div class="circle"></div>
xxxxxxxxxx
#div2{
width: 150px;
height: 150px;
border: 3px solid #05ffb0;
border-radius: 50%;
padding: 20px;
text-align: center;
}
xxxxxxxxxx
.circle {
width: 100px;
height: 100px;
border-radius: 50%;
border: 2px solid black;
}
xxxxxxxxxx
.circle {
width: 100px;
height: 100px;
border-radius: 50%; /* setting border radius to 50% of the element's dimensions to create a circle */
background-color: #dddddd;
}