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 vote342 views1 answer
Change parent div css on over of child
CSS
0 vote422 views1 answer
How to make bootstrap cards same height css trics
CSS Bootstrap
3 votes298 views1 answer
Ttf css
CSS
0 vote323 views1 answer
Color custom css use in laravel
CSS
2 votes365 views1 answer
How to use bulma in gatsby
CSS
15 votes347 views6 answers
Selection css
CSS
2 votes347 views1 answer
Html remove hittest from element
CSS
100 votes402 views2 answers
What is position property in css
CSS
23 votes354 views5 answers
Image rotate css
CSS
1 vote448 views3 answers
Bootstrap table text vertical align center
CSS Bootstrap