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

1 vote149 views1 answer
Css before is not working
CSS
1 vote155 views2 answers
Styles only for IE
CSS
4 votes158 views1 answer
Bootstrap file select class
CSS
0 vote147 views1 answer
How to change the theme of a website using css
CSS
0 vote160 views1 answer
Text-overflow ellipsis hover tooltip css
CSS
0 vote152 views1 answer
Sass file
CSS
32 votes164 views5 answers
Css opacity
CSS
3 votes156 views3 answers
Css overflow elipsis
CSS
0 vote147 views2 answers
Also define the standard property 'background-clip' for compatibility
CSS
1 vote151 views1 answer
Display in flexbox
CSS