Tables: Color Variants

<div role="region" aria-labelledby="caption" tabindex="0">
    <table class="blue">
        <caption id="caption">Blue Table</caption>
        <thead>
            <tr>
                <th>Teams</th>
                <th>1</th>
                <th>2</th>
                <th>3</th>
                <th>4</th>
                <th>5</th>
                <th>6</th>
                <th>7</th>
                <th>8</th>
                <th>9</th>
                <th>Runs</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th>Milwaukee Brewers</th>
                <td>1</td>
                <td>1</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
                <td>3</td>
                <td>3</td>
                <td>2</td>
                <td>0</td>
                <td>10</td>
            </tr>
            <tr>
                <th>Los Angles Dodgers</th>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>0</td>
                <td>2</td>
                <td>1</td>
                <td>3</td>
                <td>3</td>
                <td>4</td>
                <td>16</td>
            </tr>
        </tbody>
    </table>
</div>
<div role="region" aria-labelledby="caption" tabindex="0">
    <table class="orange">
        <caption id="caption">Orange Table</caption>
        <thead>
            <tr>
                <th>Teams</th>
                <th>1</th>
                <th>2</th>
                <th>3</th>
                <th>4</th>
                <th>5</th>
                <th>6</th>
                <th>7</th>
                <th>8</th>
                <th>9</th>
                <th>Runs</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th>Milwaukee Brewers</th>
                <td>1</td>
                <td>1</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
                <td>3</td>
                <td>3</td>
                <td>2</td>
                <td>0</td>
                <td>10</td>
            </tr>
            <tr>
                <th>Los Angles Dodgers</th>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>0</td>
                <td>2</td>
                <td>1</td>
                <td>3</td>
                <td>3</td>
                <td>4</td>
                <td>16</td>
            </tr>
        </tbody>
    </table>
</div>
<div role="region" aria-labelledby="caption" tabindex="0">
    <table class="yellow">
        <caption id="caption">Yellow Table</caption>
        <thead>
            <tr>
                <th>Teams</th>
                <th>1</th>
                <th>2</th>
                <th>3</th>
                <th>4</th>
                <th>5</th>
                <th>6</th>
                <th>7</th>
                <th>8</th>
                <th>9</th>
                <th>Runs</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th>Milwaukee Brewers</th>
                <td>1</td>
                <td>1</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
                <td>3</td>
                <td>3</td>
                <td>2</td>
                <td>0</td>
                <td>10</td>
            </tr>
            <tr>
                <th>Los Angles Dodgers</th>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>0</td>
                <td>2</td>
                <td>1</td>
                <td>3</td>
                <td>3</td>
                <td>4</td>
                <td>16</td>
            </tr>
        </tbody>
    </table>
</div>
<div role="region" aria-labelledby="caption" tabindex="0">
    <table class="green">
        <caption id="caption">Green Table</caption>
        <thead>
            <tr>
                <th>Teams</th>
                <th>1</th>
                <th>2</th>
                <th>3</th>
                <th>4</th>
                <th>5</th>
                <th>6</th>
                <th>7</th>
                <th>8</th>
                <th>9</th>
                <th>Runs</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th>Milwaukee Brewers</th>
                <td>1</td>
                <td>1</td>
                <td>0</td>
                <td>0</td>
                <td>0</td>
                <td>3</td>
                <td>3</td>
                <td>2</td>
                <td>0</td>
                <td>10</td>
            </tr>
            <tr>
                <th>Los Angles Dodgers</th>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>0</td>
                <td>2</td>
                <td>1</td>
                <td>3</td>
                <td>3</td>
                <td>4</td>
                <td>16</td>
            </tr>
        </tbody>
    </table>
</div>