1) Design

Design your form and customize your style. You can have a real time preview.

Design.Your backroundsgradient or simple?

Background-style:  Background color:
Gradient from: Gradient to:
Gradient style: Gradient Size (in pixel):

Design.Your bordersAlso the perimeter

Border color: Style: Size:
Border perimeter:

Design.Font and texttext value style

Font-family:
Font-size: Font-weight: Font-color:

Design.Label Font and textfor label tag

Font-family:
Font-size: Font-weight: Font-color:

Design.On Hovermouse event

Active Background: Font:
Border color: Style: Size:
Border perimeter:

Design.On Focusmouse event

Active Background: Font:
Border color: Style: Size:
Border perimeter:

Let's visit our new italian blog on software, web design, web 2.0 and hitech!

Preview.Your styleReal time

2) Download

Download the css style generated and also an image in png format, if your background is a gradient.

Download.Your Code

Do you like these buttons? Generate it with this button generator!

3) Apply

In the css generated you find the style you can apply to INPUT, TEXTAREA, SELECT, BUTTONS form elements and your LABELS. For example:

<label style="mylabelstyle">Name:</label>
<input type="textbox" style="myinputstyle" name="myname" />
Add to del.icio.us   
 Select!