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

0 vote239 views2 answers
Text-align transform
CSS
6 votes227 views3 answers
Scroll snap css
CSS
0 vote214 views1 answer
How to give text two colors in css
CSS
22 votes188 views4 answers
Import font css from url
CSS
39 votes266 views4 answers
Background image height and width
CSS
8 votes267 views5 answers
Box bottom shadow css
CSS
0 vote204 views1 answer
Place image on top right inside flex css
CSS
3 votes390 views1 answer
How to use bulma in gatsby
CSS Bulma
0 vote190 views1 answer
Css invert text color
CSS
0 vote200 views1 answer
Css opacity from 0 to 1
CSS