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

0 vote174 views1 answer
How to draw rhombus in css
CSS
39 votes174 views5 answers
Add drop shadow css
CSS
0 vote179 views1 answer
Cmd batch application position windows script -cmdow
CSS
50 votes153 views5 answers
Child css
CSS
0 vote190 views1 answer
Mouse hold css effect
CSS
60 votes181 views3 answers
Media query for mobile view css
CSS
3 votes167 views3 answers
Can you control another div on hover css
CSS
0 vote182 views1 answer
Vertical align x horizontal
CSS
3 votes174 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS
0 vote169 views1 answer
Css flex add second row
CSS