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

10 votes188 views3 answers
Reset
CSS
0 vote170 views1 answer
Css remove white space below footer
CSS
44 votes174 views6 answers
Gradient color css
CSS
19 votes186 views6 answers
Css font family
CSS
0 vote190 views3 answers
Remove cursor pointer css
CSS
0 vote192 views1 answer
Flexbox froggy
CSS
1 vote153 views1 answer
Serve : File C:\Users\MY PC\AppData\Roaming\npm\serve.ps1 cannot be loaded because running scripts is disabled on this system
CSS
0 vote179 views1 answer
Mediaquery for portrate
CSS
81 votes216 views6 answers
Second child css
CSS
0 vote196 views2 answers
Pixel css
CSS