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 vote347 views5 answers
Sweetalert to small bootstrap
CSS
1 vote360 views1 answer
How to prevent text from breaking css
CSS
3 votes352 views3 answers
Css brightness
CSS
19 votes349 views2 answers
Css center div vertically
CSS
0 vote412 views1 answer
Responsive page
CSS
5 votes353 views2 answers
Style disabled button
CSS
14 votes374 views6 answers
Bootstrap image size
CSS
3 votes369 views3 answers
Hide scroll bar when not needed
CSS
13 votes370 views1 answer
Baclgroud image css
CSS
0 vote365 views1 answer
Css style nth child beyond certain number
CSS