My Account

Thanks For Your Feedback!

Email
Subject
Message
Five plus seven is? (answer as number)

Buttons Styles

Thursday, 10 March 2011 09:24
Posted in Typography
Written by  Read 2912 times
Rate this item
(0 votes)

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

Purple Buttons

Big Rectangle Rounded Medium Default Small Span

Magenta Buttons

Big Rectangle Rounded Medium Default Small Span

Orange Buttons

Big Rectangle Rounded Medium Default Small Span

Brown Buttons

Big Rectangle Rounded Medium Default Small Span

Red Buttons

Big Rectangle Rounded Medium Default Small Span

Pink Buttons

Big Rectangle Rounded Medium Default Small Span

Yellow Buttons

Big Rectangle Rounded Medium Default Small Span

Green Buttons

Big Rectangle Rounded Medium Default Small Span

Blue Buttons

Big Rectangle Rounded Medium Default Small Span

Turquoise Buttons

Big Rectangle Rounded Medium Default Small Span

White/Black Buttons - Template Default

Big Rectangle Rounded Medium Default Small Span

Grey Buttons

Big Rectangle Rounded Medium Default Small Span

Black Buttons

Big Rectangle Rounded Medium Default Small Span

Usage

White Color - default
<a href="#" class="button big">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">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>

Last modified on Friday, 25 May 2012 04:34