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

4 votes108 views2 answers
Gap between two flex items
CSS
61 votes120 views5 answers
Css paragraph ellipsis
CSS
0 vote116 views1 answer
Alinhar ao centro align item css
CSS
258 votes186 views6 answers
ForEach
CSS
5 votes138 views2 answers
How to rotate image 360 degrees in css
CSS
0 vote119 views1 answer
If child elemnt is hovered do changes to the container css
CSS
0 vote139 views1 answer
Css input not clickable
CSS
28 votes146 views6 answers
Linear gradient css background image
CSS
1 vote128 views1 answer
How to write remark in css
CSS
51 votes114 views6 answers
Text overflow ellipsis css
CSS