Circle button html

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 vote226 views1 answer
Css accordian triangle
CSS
5 votes199 views4 answers
Css limit text length
CSS
0 vote221 views1 answer
Side nav bar in materialize css
CSS Materialize
1 vote245 views1 answer
Cypress element css
CSS
2 votes234 views1 answer
Warning: LF will be replaced by CRLF in Design/css/bootstrap.min.css.
CSS
0 vote195 views2 answers
Laravel default app.css downloD
CSS
1 vote208 views1 answer
Div border glow effect css
CSS
0 vote202 views2 answers
Background image path
CSS
0 vote209 views1 answer
Css display offscreen
CSS
1 vote204 views1 answer
How to delete css property using css
CSS