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 vote382 views1 answer
Vue scoped scss media query
CSS
-1 vote336 views1 answer
Grabber shortcuts
CSS
0 vote347 views10 answers
Stack Overflow
CSS
49 votes340 views5 answers
Absolute position div center
CSS
2 votes320 views1 answer
Ion input change font size
CSS
0 vote358 views1 answer
Wkhtmltopdf remove thead repeating
CSS
0 vote347 views1 answer
If child elemnt is hovered do changes to the container css
CSS
43 votes367 views4 answers
Text limit in css
CSS
0 vote328 views1 answer
Css tutorial point
CSS
0 vote326 views2 answers
Css disabled cursor not allowed
CSS