CSS Button Wizard
Go to www.cgiscript.net for more free tools!

Description:
Use this wizard 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.
Directions:
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 Ace Color Chart for help selecting your colors.

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 and 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: