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 vote369 views1 answer
Date icon color change
CSS
12 votes382 views2 answers
How to center element in bulma
CSS Bulma
20 votes305 views5 answers
Background color transparent opacity css
CSS
0 vote332 views1 answer
Vertical divider between my flexbox
CSS
0 vote321 views1 answer
Not let user select in css
CSS
0 vote323 views1 answer
Font-strech css
CSS
2 votes380 views1 answer
Bootstrap 5 auto darkmode 5
CSS Bootstrap
4 votes313 views2 answers
Bootstrap Image thumbnails
CSS
0 vote329 views1 answer
I need show the message for when we are clicking routing page in anularjs
CSS
12 votes355 views5 answers
Responsive font size
CSS