H T M L Goodies
C S S Goodies
Flash Goodies

CSS Button Codes

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 below 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">
Sample Active CSS Button


TOP    BACK    Home Page