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 vote168 views1 answer
Change mouse pointer on image hover
CSS
0 vote175 views1 answer
How to add space between image and text in css
CSS
-2 votes177 views1 answer
Css transform translate and rotate
CSS
1 vote172 views1 answer
Display in flexbox
CSS
2 votes155 views1 answer
Minimum margin css
CSS
3 votes213 views1 answer
Learn css animation
CSS
0 vote203 views3 answers
Constraint in grails
CSS
18 votes176 views2 answers
Php + get sql query
CSS
0 vote168 views1 answer
Touch-action in css
CSS
0 vote178 views1 answer
Which CSS property is used to add shadow to an element?
CSS