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

11 votes259 views1 answer
Css white-space nowrap
CSS
0 vote249 views1 answer
Css make ul on multiple lines
CSS
9 votes239 views1 answer
Perfect full page background image
CSS
1 vote233 views1 answer
Chrome button black white border
CSS
5 votes251 views1 answer
Transform multiple css
CSS
0 vote230 views1 answer
CSS logo left and navigation right
CSS
0 vote198 views1 answer
Css click through element
CSS
0 vote290 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS Bootstrap
0 vote221 views1 answer
Repeating-linear-gradient
CSS
0 vote232 views1 answer
How to scale down background image in css
CSS