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

6 votes359 views3 answers
Print css media query
CSS
51 votes360 views4 answers
Style scrollbar
CSS
0 vote431 views2 answers
Facebook box-shadow css
CSS
-1 vote346 views1 answer
Scss npm import
CSS
0 vote384 views1 answer
Position an icon in relation a parent element
CSS
21 votes359 views3 answers
How to create a circle with css
CSS
7 votes369 views3 answers
Text unselectable css
CSS
2 votes357 views1 answer
Underline css animation hover
CSS
0 vote381 views1 answer
Change disbled button background pyqt5
CSS
2 votes361 views1 answer
Html remove hittest from element
CSS