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;} | ![]() |