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

4 votes210 views3 answers
Zoom in and out iconhtml css
CSS
16 votes236 views4 answers
How to make image a circle css
CSS
2 votes249 views2 answers
No gutter in bootstrap css for row
CSS Bootstrap
0 vote249 views1 answer
Transform element
CSS
1 vote205 views1 answer
Chrome hide blue highlight css mobile
CSS
15 votes204 views2 answers
How to make a div scrollable vertically
CSS
0 vote193 views1 answer
Horizontal rule plus text
CSS
595 votes288 views10 answers
Gme stock
CSS
1 vote240 views2 answers
Media min height css
CSS
0 vote199 views1 answer
How to add a photo using css beside a paragraph in html
CSS