테이블과 TD의 테이블 테두리를 능숙하게 설정하는 방법

많은 친구들이 테이블 스타일 설정 방법에 대해 고민합니다. 앞서 테이블에 테두리를 설정하고 td에 테두리를 설정한다고 언급했습니다. 오늘은 테이블 테두리 설정 방법과 td에 대한 팁을 가져오겠습니다. 앞으로도 테이블 팁과 설정에 대해 계속 업데이트할 예정이니 많은 관심 부탁드립니다.

td의 왼쪽 및 위쪽 테두리를 설정하여 td와 td가 인접할 때 단일 테두리 스타일만 나타나도록 하여 테이블의 오른쪽과 아래쪽에 테두리가 없도록 이때 오른쪽을 설정합니다. 및 하단 테두리를 사용하여 오른쪽 표시 문제를 해결하고 하단 td에는 표시되지 않은 테두리가 남습니다.

1. 해당 CSS 코드:

<style> 
.table-c table{border-right:1px solid #F00;border-bottom:1px solid #F00} 
.table-c table td{border-left:1px solid #F00;border-top:1px solid #F00} 
/* 
只对table td设置左与上边框，对table设置右与下边框； 
*/ 
</style>

2. 해당 HTML 소스 코드 조각:

<div class="table-c"> 
<table width="400" border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td width="105">站名</td> 
<td width="181">网址</td> 
<td width="112">说明</td> 
</tr> 
<tr> 
<td>PHP</td> 
<td>www.divcss5.com</td> 
<td>PHP</td> 
</tr> 
<tr> 
<td>PHP</td> 
<td>www.php.cn</td> 
<td>PHP</td> 
</tr>

테이블과 td에 대해 능숙하게 테이블 테두리를 설정하는 방법을 배웠나요?

관련 읽기:

CSS를 사용하여 td에 테두리를 설정하는 방법

CSS를 사용하여 테이블 레이블에만 테두리를 설정하는 방법

DIV 및 CSS를 사용하여 드롭- 다운 메뉴

위 내용은 테이블과 TD의 테이블 테두리를 능숙하게 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!