xxxxxxxxxx
.circle {
width: 100px;
height: 100px;
border-radius: 50%;
}
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;
}