Css circle Code Example - Coding

css circle


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

make a circle in css

div {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

/*
	note: 
	should width = height
*/

circle css

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

how to create a circle with css

<div id="circle">
</div>

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

css circle

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

create circle in css

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

Related
css brightness Code Example
css select all elements except last css Code Example
absolute position center Code Example
center position absolute Code Example
select text-align center Code Example