Circle button css

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

1 vote139 views1 answer
How to make a relative div not take up space
CSS
0 vote147 views1 answer
Css horizontal scroll cards
CSS
19 votes130 views3 answers
Vertical text
CSS
2 votes131 views2 answers
Mongoose populate selected fields
CSS
57 votes171 views6 answers
Text shadow css
CSS
1 vote132 views1 answer
Mat stepper custom css
CSS
1 vote149 views1 answer
Detect portrait landscape css
CSS
1 vote160 views1 answer
Css scrollbar always visible
CSS
1 vote178 views1 answer
How to remove image using css
CSS
5 votes142 views2 answers
Css especifico para safari
CSS