css button generator - free to use

Use our EZ Tool to create stylish form buttons. Specify the color, font face, border width and color, size, and style. This works in IE4+ and NS 6+ browsers only.

Fill out the form fields below and click "Generate CSS" button. Follow steps 1 and 2 below to get great looking form fields. Use the 'Grab Text' buttons to select the code within the adjacent textarea. Then use Control-C or Edit -> Copy to buffer the text for pasting into your document.
View the Color Chart for help selecting your colors.
*Hold Ctrl key to open window

Button Style Settings

Class Name:

» Background Style

Color:

» Border Style

Color:

Width:

Type:

» Font Style

Color:

Family:

Size:

Style:

Step 1: This code is placed between the <head> and
</head> tags within the window that is opened (the popup window).

Then use Control-C to copy the text into your web page.

Step 2: Add the following code to the button tag as shown in the example below. Change the class name to match the name of the class you used above.

Example: <input class="hButton" type="reset" value="Reset" name="reset">