So legen Sie den Rahmen für Tabellen fest

Question

Angenommen, ich habe ein table Element mit guten Datenmengen.

table { 
 
    background-color: skyblue; 
 
    width: 100%; 
 
    margin: auto; 
 
    text-align: center; 
 
}

<table> 
 
    <tbody> 
 
    <tr> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
    </tr> 
 
    <tr> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
    </tr> 
 
    <tr> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
    </tr> 
 
    <tr> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
    </tr> 
 
    <tr> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
    </tr> 
 
    <tr> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
     <td>My Name</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

Was ist der beste Weg wäre, td eine Grenze von border-style: dashed; border-color: black; border-size: 3px; auf jeder selbst einzustellen.

Bitte erläutern Sie dies.

Answer 1

Sie könnten versuchen:

td:nth-child(even) { 
    border-style: dashed; 
    border-color: black; 
    border-size: 3px; 
}