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

2 votes347 views2 answers
How to add an icon to your website tab
CSS
0 vote306 views1 answer
Two background images css
CSS
8 votes270 views2 answers
How to rotate picture to the right in css
CSS
13 votes298 views2 answers
Button edges rounded css
CSS
57 votes339 views4 answers
Css hover rounded corners
CSS
-1 vote307 views1 answer
Mainframe courses udemy
CSS
106 votes310 views5 answers
Position css
CSS
1 vote312 views3 answers
Tag php
CSS
0 vote321 views1 answer
Css input not clickable
CSS
0 vote266 views1 answer
Css background image remove margin
CSS