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

16 votes154 views3 answers
Sass install
CSS
0 vote162 views1 answer
Css apply style to direct children
CSS
3 votes176 views6 answers
Input disabled css
CSS
1 vote159 views1 answer
How to space out buttons css
CSS
0 vote215 views1 answer
Espacio entre lineas css
CSS
4 votes153 views2 answers
Gap between two flex items
CSS
120 votes162 views6 answers
Font-weight css
CSS
1 vote154 views2 answers
Overflow-x hidden not working
CSS
0 vote156 views2 answers
Materialize css for react
CSS
2 votes192 views1 answer
Contenteditable new line
CSS