> 웹 프론트엔드 > CSS 튜토리얼 > CSS 속성 테이블의 테두리 축소 테두리 병합

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

高洛峰
풀어 주다: 2016-10-09 16:21:19
원래의
1168명이 탐색했습니다.

설명

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

설정하는 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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿