slide-rocce

Buttons Styles

ButtonsThis page present demo content with red buttons, green buttons and all kinds of buttons!

White Buttons - Template Default

Rectangle Rounded Medium Default Small Span

Black Buttons

Rectangle Rounded Medium Default Small Span

Gray Buttons

Rectangle Rounded Medium Default Small Span

Green Buttons

Rectangle Rounded Medium Default Small Span

Red Buttons

Rectangle Rounded Medium Default Small Span

Blue Buttons

Rectangle Rounded Medium Default Small Span

Orange Buttons

Rectangle Rounded Medium Default Small Span

Usage

White Color - default
<a href="#" class="button big">Rectangle</a>
<a href="#" class="button bigrounded">Rounded</a>
<a href="#" class="button medium">Medium</a> 
<a href="#" class="button">Default</a>
<a href="#" class="button small">Small</a>
<input class="button" value="Input Element" type="button"> 
<button class="button">Button Tag</button>
<span class="button">Span</span>
Orange Color Example - for other colors just find & replace color name
<a href="#" class="button orange big">Rectangle</a> 
<a href="#" class="button orange bigrounded">Rounded</a> 
<a href="#" class="button orange medium">Medium</a> 
<a href="#" class="button orange">Default</a>
<a href="#" class="button orange small">Small</a>
<input class="button orange" value="Input Element" type="button"> 
<button class="button orange">Button Tag</button>
<span class="button orange">Span</span>