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 vote167 views1 answer
Css transform duration
CSS
16 votes143 views5 answers
Scss loop
CSS
7 votes141 views2 answers
Detect if an element has a class jQurey
CSS
0 vote94 views2 answers
Image horizontal scrolling in html
CSS
0 vote146 views1 answer
How to loop a javascript array
CSS
0 vote143 views1 answer
Colored button link scss generator
CSS
0 vote139 views1 answer
Html click through image
CSS
3 votes138 views2 answers
Css transition all
CSS
15 votes138 views3 answers
Css wrap
CSS
11 votes158 views2 answers
How to center horizontally and vertically block div
CSS