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

5 votes137 views3 answers
How to change radio button color
CSS
2 votes115 views1 answer
Underline css animation hover
CSS
3 votes154 views1 answer
Bootstrap 3 offset
CSS
0 vote132 views1 answer
Alpine extract data to script tag
CSS
0 vote149 views1 answer
Label for centered image
CSS
0 vote124 views6 answers
Comments in css
CSS
38 votes140 views3 answers
Cool ways to color a background with css
CSS
3 votes127 views2 answers
Make image not draggable css
CSS
0 vote125 views2 answers
Laravel default app.css downloD
CSS
3 votes153 views2 answers
How to make image not draggable in html
CSS