How to add Pure CSS table to Blogger.com

It is simple to add Pure CSS table CSS style to Blogger.com. First, go to Blogger dashboard > Theme > Edit HTML. Then, add the line below to before </head> and save.

<link href='https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/tables-min.css' rel='stylesheet'/>

An example of table will be like below, just make sure the table has a class attribute is pure-table.

<table class="pure-table">
    <thead>
        <tr>
            <th>#</th>
            <th>Make</th>
            <th>Model</th>
            <th>Year</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>Honda</td>
            <td>Accord</td>
            <td>2009</td>
        </tr>
        <tr>
            <td>2</td>
            <td>Toyota</td>
            <td>Camry</td>
            <td>2012</td>
        </tr>
        <tr>
            <td>3</td>
            <td>Hyundai</td>
            <td>Elantra</td>
            <td>2010</td>
        </tr>
    </tbody>
</table>

#	Make	Model	Year
1	Honda	Accord	2009
2	Toyota	Camry	2012
3	Hyundai	Elantra	2010