Circle button html

Round button css

.btn {
  display:block;
  height: 300px;
  width: 300px;
  border-radius: 50%;
  border: 1px solid red;
  
}

Source: stackoverflow.com

Circle button html

.btn {
  height: 300px;
  width: 300px;
  border-radius: 50%;
  border: 1px solid red;
}

Circle button css

.btn{
    width: 50px;
    height:50px;
    border-radius: 50%;
    border: none;
    color: white;
    background: #dc3545; 
    padding: 0px;
    text-align:center;
}

Source: programmersportal.com

Similar codes

168 votes272 views6 answers
Box shadow css property
CSS
0 vote235 views1 answer
Angular set encapsulated body to full height
CSS
0 vote181 views1 answer
Modern css fonts
CSS
3 votes225 views2 answers
Border radius not working
CSS
0 vote187 views1 answer
Css click through element
CSS
0 vote219 views2 answers
Scrolling banner
CSS
0 vote190 views1 answer
Scale up and scale down animation in css
CSS
12 votes334 views3 answers
Css background image size fit screen
CSS
1 vote210 views1 answer
How to make border hover effect in css
CSS
-1 vote182 views2 answers
Html and css websites
CSS