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

36 votes179 views6 answers
Gradient text
CSS
27 votes183 views1 answer
How to set text color in ingredient
CSS
0 vote236 views1 answer
Nice select scroll bar for large amount of options
CSS
1 vote180 views2 answers
Css button border
CSS
17 votes208 views3 answers
Text orientation css
CSS
0 vote185 views1 answer
Backwards text css
CSS
0 vote290 views2 answers
Css comment placer un icon sur une photo
CSS
0 vote184 views2 answers
Tailwindcss link styling
CSS
200 votes511 views6 answers
Background image
CSS
2 votes182 views1 answer
Css last of type
CSS