テーブルの境界を設定する方法

Question

データ量の多いtable要素があるとします。各さえtdにborder-style: dashed; border-color: black; border-size: 3px;の境界線を設定するための最良の方法だろう何

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>

。

これを説明してください。

Answer 1

あなたは試みることができる：

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