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

0 vote337 views2 answers
Nth-child(2n+1)
CSS
23 votes339 views5 answers
Align item center flex
CSS
3 votes325 views3 answers
Css border-left
CSS
28 votes337 views3 answers
Text gradient css3
CSS
0 vote322 views2 answers
Css animation not working
CSS
5 votes338 views2 answers
How to select child when hover on parent element css
CSS
74 votes378 views6 answers
Flex css
CSS
0 vote340 views1 answer
Capitalize the first letter of string using CSS
CSS
0 vote320 views1 answer
Css orientations
CSS
7 votes361 views2 answers
Vue sass loader
CSS