Home / CSS Tips Generated By ChatGPT / Creating Circles with border-radius in CSS Use border-radius to transform square elements into circles or rounded shapes. Source Code .circle { width: 100px; height: 100px; background-color: #4CAF50; border-radius: 50%; }