Table elements and their styling

HTML

<table>
    <caption>table</caption>
    <thead>
        <tr>
            <th>State</th>
            <th>Capital</th>
            <th>Year joined the USA</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Alabama</td>
            <td>Montegomery</td>
            <td>1999</td>
        </tr>
        <tr>
            <td>Alaska</td>
            <td>Juene</td>
            <td>1999</td>
        </tr>
        <tr>
            <td>Minesota</td>
            <td>Miniapolis</td>
            <td>1255</td>
        </tr>
    </tbody>    
    
</table>

CSS

th {border:1px solid red;}
tr {border:1px solid yellow;}
tbody {border:2px solid green;}
caption {border:4px solid yellow;}