Need to create a space between every other table row via CSS

[globalnerds]

I have a table as follows:

 <table class="menutables">
         <tbody>
         <tr>
            <td >Row 1</td>
         </tr>
         <tr>
            <td > Row 2</td>
    </tr>
    <tr>
        <td >Row 3</td>
    </tr>
    <tr>
        <td >Row 4</td>
    </tr>

    </tbody>
    </table>

This is the CSS related to it:

 .menutables { width: 95%; font-size: 25px; padding: 10px; font-family: 'Lobster Two',Arial,sans-serif; letter-spacing: 1px; border-bottom:10px; border-collapse: separate; }

    .menutables { padding:15px; } 
    .menutables td:nth-child(even) { border: 110px solid black; } 
    .menutables td:nth-child(odd) { border: 110px solid black; } 
    .menutables tr:nth-child(even) { font-size:16px; font-family: Arial,sans-serif; font-style: oblique;

    } 

I need to create a space between every other row (the table only has 1 column).

This table styling will be used throughout the site with tables with numerous rows. I would like to avoid setting a class for each row (tr).

Any ideas??

[Paulie_D]

110px border?

Really?

[globalnerds]

I was testing to see if that would work (easier to see via a browser). It didn’t. I have removed that from the code

[Author]

Posts