Circle button html

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 vote127 views1 answer
How to debug datatables
CSS
15 votes127 views2 answers
Custom selection color css
CSS
7 votes143 views3 answers
Push failed
CSS
0 vote157 views1 answer
How to scale pixels in css
CSS
0 vote131 views1 answer
Custom select dropdown css only codepen
CSS
1 vote138 views1 answer
I used overflow-y : scroll but the scroll bar keep on showing
CSS
2 votes147 views2 answers
Header center
CSS
0 vote159 views1 answer
Copyright
CSS
4 votes135 views2 answers
Laravel enum column
CSS
2 votes132 views1 answer
Css div take remaining screen height
CSS