HTML and CSS Table Border Style Wizard

TABLE
border-width (px)	1px 2px 3px 4px 5px thin medium thick 0px
border-spacing	2px 1px 3px 4px 5px 0px
border-style	outset none hidden dotted dashed solid double ridge groove inset
border-color	gray white blue green black red custom:
border-collapse	separate collapse
background-color	white #FFFFF0 #FAF0E6 #FFF5EE #FFFAFA custom:
TD/TH
border-width (px)	1px 2px 3px 4px 5px thin medium thick 0px
padding	1px 2px 3px 4px 5px 0px
border-style	inset none hidden dotted dashed solid double ridge groove outset
border-color	gray white blue green black red custom:
background-color	white #FFFFF0 #FAF0E6 #FFF5EE #FFFAFA custom:
-moz-border-radius	0px 3px 6px 9px 12px

Instructions:

The appearance of the table to the right will
automatically change as you toggle the buttons above.
Scroll down for source code and other information.

Header	Header
CSS	80%
PHP	90%

CSS and HTML Source Code

The box below shows example CSS and HTML source code.
The code will update dynamically as you press the buttons above.
You can select text in the box and then copy and paste the starter code.

Compatibility Notes

If you are using Internet Explorer 6, you should be able to use this wizard with only minor limitations. This page does not work with Opera 8 or IE 5 on Mac. Internet Explorer 6 does not support the border-spacing CSS2 table property. It also does not support any Netscape-specific CSS properties that are prefixed with -moz, and has limited support for the cursor property. This means you will not see all the effects in this wizard unless you use a browser like Firefox.