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

187 votes490 views6 answers
Div background image
CSS
2 votes204 views2 answers
OSX Library not loaded: /usr/local/opt/openssl/lib/libssl.1.0.0.dylib
CSS
1 vote183 views1 answer
Input time without am pm
CSS
5 votes166 views3 answers
Css glow effect
CSS
0 vote188 views1 answer
-webki slider runnable track
CSS
0 vote165 views1 answer
Css code for increasing size
CSS
0 vote166 views1 answer
Nuxt add css file
CSS
0 vote197 views1 answer
Fluorescent blue hex code
CSS
0 vote167 views1 answer
Mat dialog background color
CSS
0 vote180 views1 answer
Font semi bold css
CSS