CSS Button Wizard


Specify the color, font face, border width and color, size, and style.
This works in IE4+ and NS 6+ browsers only.

View the 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 <head> and </head> tags.
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="aButton" type="reset" value="Reset" name="reset">