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

1 vote181 views1 answer
Css code examples
CSS
0 vote167 views1 answer
Css prevent grid blowout
CSS
37 votes175 views6 answers
Overflow in css
CSS
0 vote164 views1 answer
Css circle with number
CSS
2 votes160 views1 answer
Css focus outline none
CSS
66 votes174 views6 answers
How to center a div with position absolute
CSS
92 votes364 views5 answers
Bootstrap primary color code
CSS Bootstrap
0 vote162 views1 answer
Css two classes in one element
CSS
1 vote165 views1 answer
Image on top of image css
CSS
0 vote161 views1 answer
Display content in column css
CSS