CSS 속성 테이블의 테두리 축소 테두리 병합

설명

표의 행 테두리와 열 테두리를 하나의 테두리로 합칠 것인지, 아니면 별도의 기본값을 가질 것인지

설정하는 CSS 속성입니다. 테두리는 병합되지 않고 분리됩니다.
경계를 접으면 병합됩니다. 즉, 인접해 있으면 동일한 경계를 공유합니다. 물론 표 작성에 테두리는 필수인데, td에 직접 테두리를 추가하면 표 바깥쪽에는 한 줄, 안쪽에는 이중선이 생기는 상황이 발생합니다.

다른 개별 설정을 통해 모든 단일 행을 달성할 수도 있지만 여기에는 가장 간단한 방법이 있습니다. CSS는 연결된 테두리의 병합 또는 병합을 제어하는 ​​테두리 축소 속성을 제공합니다. 🎜>

CSS 코드

참고자료 :

http://www.manongjc.com/article/1211

<style>
<!--
table{ width:300px;     border-collapse:collapse;     overflow:hidden;} tr{ white-space:0;} td{ height:30px; border:#333333 solid 1px;}-->
<style>

<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>index</td>
<td>index</td>
<td>index</td>
</tr>
<tr>
<td>index</td>
<td>index</td>
<td>index</td>
</tr>
<tr>
<td>index</td>
<td>index</td>
<td>index</td>
</tr>
</tbody>
</table>

http://www.manongjc.com/article/1212.html