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 vote140 views1 answer
Disable checkbox click event
CSS
4 votes143 views4 answers
Change placeholder color
CSS
5 votes155 views3 answers
Change color of bullet points css
CSS
-1 vote158 views1 answer
Arranging the paragraph in css
CSS
0 vote149 views1 answer
Change disbled button background pyqt5
CSS
1 vote154 views2 answers
Drawing a circle with css
CSS
0 vote143 views1 answer
Shiny server configuration
CSS
1 vote174 views1 answer
Css contenteditable outline
CSS
68 votes174 views6 answers
Add css file in html
CSS
19 votes161 views6 answers
Css font
CSS