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 vote252 views2 answers
Toast js
CSS
2 votes237 views1 answer
Width 100% with padding
CSS
68 votes291 views6 answers
Center position absolute
CSS
1 vote258 views1 answer
How to include a new font website
CSS
0 vote182 views1 answer
Set background transparency
CSS
118 votes248 views6 answers
Css @media
CSS
0 vote243 views1 answer
Youtube css
CSS
0 vote240 views1 answer
FusedLocationClient.removeLocationUpdates
CSS
60 votes226 views3 answers
Adding shadow to a div
CSS
1 vote244 views1 answer
Css on hover do something to children
CSS