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

9 votes195 views1 answer
Make background full on every screen css
CSS
0 vote182 views3 answers
Assignment 1
CSS
0 vote188 views1 answer
Typora rtl
CSS
0 vote264 views1 answer
Underline css still there after text-decoration: none
CSS
2 votes210 views3 answers
How to disable link in hmtl
CSS
37 votes182 views3 answers
Inline svg css
CSS
0 vote207 views1 answer
Html display text in alternating coloured panels
CSS
0 vote151 views1 answer
How to make header on top
CSS
1 vote296 views2 answers
Vim unset number
CSS
0 vote240 views1 answer
Bootstarp 5
CSS