CSS에서 테두리 간격과 셀 간격을 사용하여 1px 얇은 테두리를 만드는 두 가지 방법

테이블을 학습하면 매번 테두리가 두 개 나오는데 보기에 좋지 않습니다. 테두리를 0으로 설정하면 좋지 않습니다. 그러면 얇은 테두리가 있는 테이블을 만드는 방법은 무엇입니까? 1px 정도입니다. 관련 정보를 참고한 후 이 문제를 해결하는 방법은 다음과 같이 2가지입니다.

첫 번째 방법:

#message{border-collapse:collapse;border:1px solid red;}
#message th,#message td{border:1px solid red;}
<table id=”message”>
<tr>
<th>出生年月</th>
<td>1989年1月22号</td>
</tr>
<tr>
<th>性别</th>
<td>男</td>
</tr></table>

두 번째 방법:

#message{border-spacing:1px;background:red;}
#message tr{background:purple;}
..........
..............
................

위 내용은 CSS에서 테두리 간격과 셀 간격을 사용하여 1px 얇은 테두리를 만드는 두 가지 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!