CSS Buttons

Here are some ways to style buttons in CSS.

Buttons

Property Syntax Output
Button Color .button {background-color: #343a40;}
Button Size .button {font-size: 20px;}
Rounded Button .button {border-radius: 4px;}
Button with Colored Borders .button {border: 2px solid #4CAF50;}
Hoverable Button .button:hover {background-color: #4CAF50; }
Shadow Button .button {box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),
0 6px 20px 0 rgba(0,0,0,0.19);}
Disabled Button .button {background-color: #343a40;}