Button Tag
Facebook Style
3D Buttons
Gradient Bordered Buttons
Animated Buttons
Toggle Switch UI Buttons
These buttons are not using the button tag so it will not be duplicated below.
Button Styling Examples
This page shows both using the button tag and then the p tag to style buttons.
You can use any HTML element and style is like a button.
P Tag
You will notice that a few of these are not next to each other. This is due to the p tag using the full width of the screen. To fix that you set the p element to have display: inline-block; instead of position: relative;
Facebook Style
Button Dark
Button Light
MailChimp style
Sign-up
3D Buttons
3D Button 1
Circle!
Gradient Bordered Buttons
Animated Buttons
A Tag
You will notice that a few of these are not next to each other. This is due to the p tag using the full width of the screen. To fix that you set the p element to have display: inline-block; instead of position: relative;