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

16 votes377 views4 answers
Change background CSS
CSS
44 votes407 views6 answers
Textarea disable resize
CSS
2 votes353 views1 answer
Beautiful navigation bar css
CSS
0 vote375 views1 answer
How to write text in middle of straight line in css
CSS
0 vote387 views1 answer
Css display original image in smalle width
CSS
-1 vote388 views1 answer
Critical css
CSS
0 vote399 views4 answers
Select2 make previously selected options non deletable
CSS
-1 vote378 views1 answer
Arranging the paragraph in css
CSS
2 votes375 views6 answers
Add image to css
CSS
22 votes381 views3 answers
Smooth scroll css
CSS