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

0 vote154 views1 answer
Aplicar padding a sombra
CSS
8 votes125 views2 answers
How to add border in css
CSS
0 vote258 views2 answers
Materialize css
CSS Materialize
0 vote126 views2 answers
How to zoom picture on hover using css
CSS
13 votes145 views1 answer
W3schools keyframes
CSS
0 vote136 views1 answer
Make table cell less wide css
CSS
12 votes125 views3 answers
Vertical and horizontal align center div
CSS
0 vote143 views1 answer
SPECIFIC CHILD ELEMENTS
CSS
0 vote121 views1 answer
Mettre un element en avant css
CSS
3 votes132 views4 answers
Keep aspect ratio of image css
CSS