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 vote114 views1 answer
Body css margin, background, font-family, hei
CSS
69 votes112 views4 answers
White rgb
CSS
0 vote144 views1 answer
Adding a perfect responsive background image
CSS
37 votes120 views2 answers
Rgb yellow color
CSS
4 votes73 views1 answer
Change hex background opacity css
CSS
1 vote170 views1 answer
Sass compile minified
CSS
0 vote168 views1 answer
Table inside table not matching borders
CSS
11 votes128 views5 answers
Css affect other elements on hover
CSS
2 votes120 views2 answers
Slick margin between slides
CSS
1 vote107 views1 answer
Ionic ios remove button appearance
CSS