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

29 votes364 views4 answers
Css box
CSS
1 vote312 views2 answers
List no bullets html
CSS
0 vote358 views2 answers
How to reduce the size of png image in css
CSS
0 vote305 views1 answer
Set background transparency
CSS
3 votes344 views6 answers
Input disabled css
CSS
3 votes394 views2 answers
Css glass effect
CSS
3 votes342 views2 answers
Scrollbar change css
CSS
8 votes395 views4 answers
CSS Grid Column
CSS
6 votes422 views2 answers
Blink css
CSS
0 vote357 views1 answer
Ubuntu phantomjs wrong paper size
CSS