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 vote275 views1 answer
Module build failed: TypeError: Invalid PostCSS Plugin found: [0]
CSS
19 votes319 views5 answers
Css opacity background color
CSS
0 vote289 views1 answer
Dad
CSS
72 votes339 views6 answers
Position absolute center
CSS
0 vote278 views2 answers
A4 pagw size css
CSS
-1 vote283 views1 answer
Css blur gradient
CSS
0 vote303 views1 answer
How to add more animations in css
CSS
49 votes307 views6 answers
Min and max width media query
CSS
29 votes284 views4 answers
Css input
CSS
2 votes287 views2 answers
Why is my css not working
CSS