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 vote166 views1 answer
Css background linear gradient transparent
CSS
5 votes316 views2 answers
Materialize css cdn
CSS Materialize
0 vote159 views1 answer
Product list fix height image css
CSS
0 vote180 views1 answer
Smooth button effect css
CSS
0 vote163 views2 answers
Css prevent scrolling behind overlay
CSS
49 votes182 views6 answers
Min and max width media query
CSS
27 votes184 views1 answer
How to use gradient as text color
CSS
3 votes216 views1 answer
Css scaling border radius
CSS
24 votes182 views5 answers
Placeholder css
CSS
9 votes182 views2 answers
Background css
CSS