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

14 votes196 views3 answers
Css multiple classes same rule
CSS
0 vote206 views1 answer
Include css typo3
CSS
0 vote213 views1 answer
DOM element add multiple attributes
CSS
8 votes216 views1 answer
When hover target diffrent element
CSS
1 vote177 views1 answer
Text decoration none doesn't remove underline
CSS
0 vote224 views1 answer
Css anchor fill parent
CSS
0 vote207 views1 answer
Bootstrap progress bar animation not working
CSS
-2 votes218 views1 answer
Media queries iphone 11
CSS
61 votes268 views2 answers
Bootstrap flex direction column
CSS Bootstrap
0 vote198 views1 answer
Css input spaces between
CSS