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 vote114 views1 answer
Css keep element on same position among different screen size
CSS
0 vote104 views1 answer
Building Multi-Architecture Docker Images on ARM 64-bit
CSS
-1 vote101 views1 answer
Option tag center
CSS
17 votes106 views2 answers
Typing test
CSS
0 vote111 views1 answer
Padding 2 values how would be they applied
CSS
23 votes138 views5 answers
How to rotate image in css
CSS
0 vote109 views1 answer
How to write text in middle of straight line in css
CSS
0 vote98 views1 answer
Css animation click
CSS
5 votes101 views6 answers
Pagination
CSS
7 votes99 views2 answers
Max z-index value css
CSS