round button css
.btn {
display:block;
height: 300px;
width: 300px;
border-radius: 50%;
border: 1px solid red;
} .button {
background-color: #4CAF50;
border: none;
color: white;
padding: 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
}
.button1 {border-radius: 2px;}
.button2
{border-radius: 4px;}
.button3 {border-radius: 8px;}
.button4
{border-radius: 12px;}
.button5 {border-radius: 50%;}
Also in CSS:
- css selectors cheat sheet
- css hide element
- how to trim leading spaces in html using css
- how to style rule to apply the Border Box model css
- css text style
- css backgroud position
- cdnjs font awesome
- how to change font in css
- flip image css
- transparent text css
- pseudo elements css
- add background image css
- image rotate css
- how to align text in css
- why tr border not showing
- how can I see my gatsby version
- installer scss projet wordpress
- select first div css
- margin css
- gradient image css
- html css position
- center image css
- css erase text
- react import css