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

4 votes388 views3 answers
Css image cover
CSS
162 votes445 views5 answers
Css shaddow
CSS
3 votes350 views1 answer
Css scaling border radius
CSS
0 vote387 views2 answers
Pixel css
CSS
-1 vote357 views1 answer
Financial year vs assessment year
CSS
0 vote379 views1 answer
Datatables when filtering snaps to top of page
CSS
0 vote406 views1 answer
Ion-img border radius
CSS
6 votes377 views2 answers
Update checkbox size css
CSS
6 votes381 views1 answer
How to make text wrap on overfloe with css
CSS
4 votes352 views3 answers
How to not underline links in css
CSS