quick-table

CSS styling for quickly creating HTML tables

Usage

Inorder to use the quick table styling, just add one table style class and one table color class to your html table.

<table class="quick-table1 table-blue">
    <tr>
        <th>Rank</th>
        <th>Country Name</th>
        <th>Continent</th>
        <th>Population</th>
    </tr>
        <tr>
            <td>1</td>
            <td>China</td>
            <td>Asia</td>
            <td>1.4 Billion</td>
        </tr>
         <tr>
            <td>2</td>
            <td>India</td>
            <td>Asia</td>
            <td>1.3 Billion</td>
        </tr>
         <tr>
            <td>3</td>
            <td>USA</td>
            <td>North America</td>
            <td>0.3 Billion</td>
        </tr>
</table>

Table style classes

1. quick-table1
2. quick-table2
3. quick-table3

Table color classes

1. table-black
2. table-grey
3. table-brown
4. table-purple
5. table-blue
6. table-teal
7. table-cyan
8. table-light-green
9. table-green
10. table-orange
11. table-pink
12. table-red