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

1 vote338 views1 answer
Css target except id
CSS
0 vote311 views1 answer
Add elipses to a dom element with css
CSS
0 vote334 views1 answer
Find element that is causing overflow css
CSS
7 votes344 views6 answers
Jquery remove css class
CSS
0 vote419 views1 answer
Easyui datagrid header font size
CSS
0 vote338 views4 answers
Tailwind to css converter
CSS
-1 vote301 views2 answers
Scss comments
CSS
22 votes306 views4 answers
Import font css from url
CSS
0 vote299 views1 answer
Sass file
CSS
0 vote332 views1 answer
Css no wrap
CSS