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

103 votes209 views2 answers
What are the types of positioning in css
CSS
1 vote204 views2 answers
Apple font css
CSS
1 vote238 views2 answers
How to compile scss to css
CSS
0 vote237 views1 answer
Jquery replace css class
CSS
187 votes293 views6 answers
Div background image
CSS
71 votes148 views17 answers
Box -shadow
CSS
1 vote229 views1 answer
Position footer to stay at bottom of screen flexbox
CSS
2 votes251 views1 answer
Sass class with another class
CSS
0 vote199 views1 answer
Table td data in middle
CSS
0 vote191 views1 answer
Add css to class=["col-"]
CSS