HTML Table Style Generator by eli geske

Style an HTML table using CSS with this easy tool!
Select from preset color settings from the bottom, or set your own theme with the controls on the right. Once finished the HTML and CSS will be generated by pressing the tabs just above the Table.
NOTE: IE8 and below will not see the rounded corners.

Using CSS2, CSS3 techniques that are cross browser compatible. Easy to use, just choose the settings to the right then hit the generate button and your css and html is generated. From table padding, border, alternating row colors, and gradients. It's all at your finger tips.

CSS is pretty much the best option you have to styling or creating a table theme. It maybe easy, yes, but having to make a good theme visually takes quite the time. Imagine always having to click refesh after design, or using other environments to style them. Sure some of the environments are great, but having tools all bundled up for specific reasons is more time efficient.

/ (for output only)

Table Header

 
Bold
Yes

Table Body

 
Bold
Yes
Yes
Yes

Table Footer

 
Bold
Yes
 
 
 
 
Title Column 1 Column 2 Column 3
Row 1 data 1 data 2 data 3
Row 1 data 1 data 2 data 3
Row 1 data 1 data 2 data 3
Row 1 data 1 data 2 data 3
Row 1 data 1 data 2 data 3
Questions, Comments or Suggestions? Join the Table Generator Discussion Here.