CSS Table Generator

The CSS Table Generator tool was written for creating a stylish table without use of images. To create pure CSS table, use the controls below. After designing the desired table, copy the CSS and HTML code from the textboxes below. For more CSS tools visit CSS Generators website.
Not sure how to implement the code in your website? download an example here.

Table Settings

CSS Class Name:

Cells Padding:

Border Radius:

Info Cells Alignment:

Border Color:

Box Shadow

Background Settings

Title Row Type:

Gradient
Solid

Title Row Colors:

Information Rows Type:

Gradient
Solid
Two Colors

Rows Colors:

Live Table Preview

Title 1	Title 2	Title 3
Row 1	Row 1	Row 1
Row 2	Row 2	Row 2
Row 2	Row 2	Row 2
Row 3	Row 3	Row 3

Download Example

Font Settings

Title Font Family:

Font Size:

Font Color:

Info Font Family:

Font Size:

Font Color:

Color Themes

For more Tables Designs click here

CSS Code

HTML Code

<div class="CSSTableGenerator" >
                <table >
                    <tr>
                        <td>
                            Title 1
                        </td>
                        <td >
                            Title 2
                        </td>
                        <td>
                            Title 3
                        </td>
                    </tr>
                    <tr>
                        <td >
                            Row 1
                        </td>
                        <td>
                            Row 1
                        </td>
                        <td>
                            Row 1
                        </td>
                    </tr>
                    <tr>
                        <td >
                            Row 2
                        </td>
                        <td>
                            Row 2
                        </td>
                        <td>
                            Row 2
                        </td>
                    </tr>
                    <tr>
                        <td >
                            Row 2
                        </td>
                        <td>
                            Row 2
                        </td>
                        <td>
                            Row 2
                        </td>
                    </tr>
                    <tr>
                        <td >
                            Row 3
                        </td>
                        <td>
                            Row 3
                        </td>
                        <td>
                            Row 3
                        </td>
                    </tr>
                </table>
            </div>

Supported Browsers