Css circle border

Css circle

    #circle {
      width: 100px;
      height: 100px;
      background: red;
      border-radius: 50%
    }

Source: css-tricks.com

How to make borders rounded in css

#rcorners {
  border-radius: 25px;
}

Css circle border

.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>

Create circle border css

#div2{
    width: 150px;
    height: 150px;
    border: 3px solid #05ffb0;
    border-radius: 50%;
    padding: 20px;
    text-align: center;
}

Source: programmersportal.com

Similar codes

20 votes149 views3 answers
Align items center in grid
CSS
0 vote99 views0 answer
CSS
0 vote180 views2 answers
Elementor accordion closed by default
CSS
1 vote126 views1 answer
Restrict flex items in a row
CSS
24 votes140 views5 answers
Placeholder css
CSS
0 vote143 views1 answer
Adding whitespace in box
CSS
0 vote139 views1 answer
Remove double quotes from string kotlin
CSS
0 vote160 views2 answers
Text-align transform
CSS
0 vote152 views1 answer
Service Worker Navigator check
CSS
10 votes144 views6 answers
Css bottom shadow
CSS