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 vote193 views1 answer
Css no wrap
CSS
1 vote169 views1 answer
Ng-deep
CSS
2 votes130 views1 answer
How to bring default values in css
CSS
0 vote189 views1 answer
New line ::after class
CSS
2 votes174 views3 answers
Css button transparent
CSS
2 votes176 views2 answers
Css grid make all rows same height
CSS
4 votes259 views3 answers
Install Cors
CSS
60 votes181 views3 answers
Media query for mobile view css
CSS
13 votes179 views7 answers
Animate.css
CSS
2 votes215 views2 answers
How to add an icon to your website tab
CSS