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

3 votes189 views1 answer
Css supports
CSS
0 vote184 views1 answer
Button not aligning right css
CSS
0 vote179 views1 answer
Css convert td to tr
CSS
3 votes215 views1 answer
Javafx button padding css
CSS
0 vote157 views1 answer
Css - use universal '*' selector vs. html or body selector?
CSS
0 vote182 views1 answer
Autocomplete widget not working in modal popup
CSS
0 vote168 views1 answer
Css centrar imagen
CSS
13 votes166 views4 answers
Background color transparent
CSS
3 votes125 views1 answer
Css vendor prefix
CSS
0 vote221 views1 answer
Screen sizes for css media
CSS