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 vote177 views1 answer
Scss percentage
CSS
0 vote203 views1 answer
Nibabel ValueError: w2 should be positive, but is
CSS
0 vote144 views2 answers
How to set table data width in css
CSS
32 votes150 views6 answers
Animations css
CSS
49 votes164 views5 answers
Css first
CSS
3 votes148 views4 answers
How to remove css from element using jquery
CSS
0 vote135 views1 answer
An operation was attempted on something that is not a socket
CSS
0 vote151 views1 answer
How to build a glass website using HTML and CSS
CSS
1 vote162 views1 answer
Css media queries between two sizes
CSS
0 vote138 views1 answer
Make changes to api fetch onclick in react
CSS