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 vote231 views1 answer
Body css margin, background, font-family, hei
CSS
0 vote263 views1 answer
Mitmf install
CSS
0 vote246 views2 answers
Css align image bottom
CSS
0 vote241 views1 answer
Css grid exercise
CSS
4 votes252 views2 answers
How to remove onclick input border
CSS
0 vote246 views1 answer
Make td match display flex
CSS
0 vote259 views1 answer
How to make custom grid
CSS
2 votes252 views6 answers
Tailwindcss
CSS
0 vote255 views1 answer
Touch-action in css
CSS
70 votes257 views4 answers
Css vertical align center
CSS