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 vote127 views1 answer
Fabric bring to front element top
CSS
14 votes135 views6 answers
Bootstrap image size
CSS
0 vote124 views2 answers
How to select elements from a parrent element css
CSS
49 votes157 views4 answers
Scrollbar
CSS
3 votes85 views2 answers
Remove table border css
CSS
0 vote134 views1 answer
Media query change button text
CSS
0 vote165 views1 answer
Make previous commit master
CSS
0 vote115 views1 answer
Why is there whitespace on the top
CSS
11 votes146 views1 answer
Wrap none css
CSS
1 vote136 views1 answer
Style rule that expands the element to cover any floating content within the element
CSS