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

1 vote152 views1 answer
Add border to input css
CSS
1 vote164 views5 answers
Ease in out
CSS
9 votes144 views3 answers
Css grid repeat
CSS
0 vote144 views1 answer
Line sharpness css
CSS
0 vote155 views1 answer
Vertical divider between my flexbox
CSS
0 vote140 views1 answer
Vertical align h1 inside div
CSS
37 votes173 views4 answers
Css hover pointer
CSS
25 votes183 views8 answers
Background image with gradient css
CSS
32 votes164 views6 answers
Css animations
CSS
0 vote141 views2 answers
Change color select arrow css cf7
CSS