표에서 테두리를 설정하는 방법

좋은 양의 데이터를 가진 요소가 있다고 가정 해보십시오.표에서 테두리를 설정하는 방법

각도 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>

설명해주세요.

출처

2016-09-11 Anonymous

당신이 시도 할 수 :

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

출처

2016-09-11 18:02:18

좋은 대안을 내 대답에, 더 나은하지 않을 경우. +1 upvote. –

나는 이미 시도했지만 작동하지 않습니다. –

@Mm Mandarwan은 현재 [JSFiddle] (https://jsfiddle.net/turijs/j4pyyt3s/)입니다. n 번째 자식 선택자는 CSS3에서 새로 추가 되었기 때문에 일부 구형 브라우저, 특히 IE8 이하에서는 작동하지 않습니다. –

표에서 테두리를 설정하는 방법

답변

관련 문제