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 vote360 views3 answers
How to create collapsable using pure Javascript
CSS
-1 vote348 views1 answer
Flex wrap tailwind
CSS
4 votes336 views1 answer
Grid repeating auto columns
CSS
1 vote338 views2 answers
Css focus border radius
CSS
5 votes330 views3 answers
Css box shadow not on bottom
CSS
0 vote356 views1 answer
How to make scroller show only on hover of container
CSS
0 vote326 views1 answer
Truncate long line with dots
CSS
0 vote338 views2 answers
Ios sms css
CSS
0 vote379 views1 answer
Css absolute from center and not corner
CSS
1 vote341 views3 answers
Change scrollbar color
CSS